html 自定義屬性 BOM 封裝動畫屬性

2021-10-17 09:52:05 字數 1617 閱讀 4913

好好學些,天天向上

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...