js API 04 動畫封裝

2022-07-31 05:54:10 字數 669 閱讀 1739

一,建立元素的三種方式

document.write()

document.createelement()

innerhtml()

二,事件三要素

事件源 事件 事件執行程式

三,繫結解綁

繫結事件 addeventlistener

var son = document.queryselector(".son");

son.addeventlistener('click', once1,false

);function

once1()

繫結事件attachevent

解綁事件

son.removeeventlistener('click', once1,false

);function

once1()

* 物件.attachevent("on事件型別",命名函式);---繫結事件

* 物件.detachevent("on事件型別",函式名字);

animate封裝動畫

//動畫的封裝方法(ele,target,step)可左右移動(只改變左邊距)

function

animate(element, target,step)

}, 20)

}

JS動畫封裝

簡單的運動函式 var demo1 document.getelementbyid demo1 demo1.onmouseover function demo1.onmouseout function var timer 全域性變數 function startmove target else 變速...

動畫以及封裝

offset client scroll 系列 offset系列 offsetleft 獲取元素距離最左邊的距離 如果父元素沒有定位,距離瀏覽器最左側的距離 如果父元素有定位,距離父元素最左側的距離 offsetwidth 獲取元素的寬度,包括border及以內,不包括margin offsethe...

NoHttp封裝 04 快取

stringrequest request new stringrequest url,method request.setcachemode cachemode.default stringrequest request new stringrequest url,method request.s...