好好學些,天天向上
common.js
// 定義乙個獲取元素的函式
function my$(id)
// dom 2 級事件繫結方式
// 自己製作乙個相容所有瀏覽器的繫結事件的函式
// 引數:事件源,事件型別,事件函式
function addevent(ele, type, fn) else if (ele.attachevent)
} // 相容所有瀏覽器的 解除繫結事件的函式
// 引數:事件源,事件型別,事件函式
function removeevent(ele, type, fn) else if (ele.detachevent)
}
animate.js
// 多屬性運動
// 共同點:總時間、時間間隔是相同的,自定義
// 不同的:起始位置(通過程式方法自動獲取當前頁面最終顯示效果)和結束位置(自定義指定的)
// 函式引數
// 引數1:元素物件,它要進行運動
// 引數2:結束位置,以物件資料方式傳遞
// 引數3:總時間
// 自定義動畫函式
function animate(ele,end,time) ;
// start.left = 100;
// end 物件遍歷,獲取屬性名
for (var k in end)
// console.log(start);
// 自定義時間間隔
var interval = 50;
// 計算總次數
var maxcount = time / interval;
// 次數累加器
var count = 0;
// 物件中的每個屬性都有自己的步長,也可以放到乙個步長物件中
var step = {};
// 遍歷結束物件,計算每個屬性的步長
for (var k in end)
// console.log(step);
// ********************準備工作結束,開啟定時器*************************
var timer;
timer = setinterval(function ()
// 累計運動次數
count++;
// 判斷定時器是否結束
if (count >= maxcount)
clearinterval(timer);
}// 賦值給對應元素物件屬性
for (var k in now) else
}},interval);
}
封裝動畫函式.html
效果:
HTML標籤自定義屬性
html標籤可以自定義屬性,但是我們要考慮其在ie firefox以及chrome下的相容性問題。例如 複製 這裡的 myattr 就是這個標籤的自定義屬性了。如果定義了屬性卻使用不了,那麼這個屬性就沒有任何意義了,接下來就是如何去呼叫我們的自定義屬性的值了。在ie瀏覽器裡,我們通過獲取物件後直接呼...
HTML標籤自定義屬性
html標籤可以自定義屬性,但是我們要考慮其在ie firefox以及chrome下的相容性問題。例如 複製 這裡的 myattr 就是這個標籤的自定義屬性了。如果定義了屬性卻使用不了,那麼這個屬性就沒有任何意義了,接下來就是如何去呼叫我們的自定義屬性的值了。在ie瀏覽器裡,我們通過獲取物件後直接呼...
html標籤自定義屬性
html標籤中可以自定義屬性,但對屬性的操作在不同的瀏覽器下存在相容性的問題。如下 此時,id和name是div標籤系統的屬性,open是自定義屬性。如果對div標籤操作,取name和open屬性的值時。在ie下可以如下操作 document.getelementbyid unique name d...