培訓(xùn)霞無(wú)縫滾動(dòng)

圖片無(wú)縫滾動(dòng)教學(xué)目標(biāo)掌握scorll、offset、client系列屬性掌握計(jì)時(shí)器的使用及兩種計(jì)時(shí)器的區(qū)別掌握?qǐng)D片無(wú)縫滾動(dòng)寫(xiě)法系列屬性介紹scroll系列屬性介紹scrollLeft：設(shè)置或獲取當(dāng)前左滾的距離，即左邊被卷去的距離；scrollTop：設(shè)置或獲取當(dāng)前上滾的距離，即上邊被卷去的距離；scrollHeight：獲取對(duì)象可滾動(dòng)的總高度；scrollWidth：獲取對(duì)象可滾動(dòng)的總寬度；屬性使用方法：vardiv1=document.getElementById("out");div1.scrollLeftdiv1.scrollTopdiv1.scrollHeightdiv1.scrollWidthoffset系列屬性介紹offsetLeft：獲取對(duì)象左側(cè)與窗口(body之間)的距離offsetTop：獲取對(duì)象上側(cè)與窗口(body之間)的距離offsetWidth：獲取元素自身的寬度（包含邊框）offsetHeight：獲取元素自身的高度（包含邊框）屬性使用方法：vardiv1=document.getElementById("out");div1.offsetLeftdiv1.offsetTopdiv1.offsetWidthdiv1.offsetHeightclient系列屬性介紹clientLeft、clientTop：獲取元素內(nèi)容到邊框的距離，效果和邊框?qū)挾认嗤?，很少使用clientWidth：獲取元素自身的寬度（不含邊框）clientHeight：獲取元素自身的高度（不含邊框）屬性使用方法：vardiv1=document.getElementById("out");div1.clientLeftdiv1.clientTopdiv1.clientWidthdiv1.clientHeightJS計(jì)時(shí)器setInterval(函數(shù)名稱(chēng),毫秒數(shù))表示每經(jīng)過(guò)一定的毫秒后，執(zhí)行一次相應(yīng)的函數(shù)(重復(fù))setTimeout(函數(shù)名稱(chēng),毫秒數(shù))表示經(jīng)過(guò)一定的毫秒后，只執(zhí)行一次相應(yīng)的函數(shù)(不重復(fù))計(jì)時(shí)器JS計(jì)時(shí)器使用方法：vartimer=null;timer=setInterval(function(){alert('你好嗎？');},100);timer=setTimeout('oclick()',1000);清除計(jì)時(shí)器：clearInterval(timer);clearTimeout(timer);圖片無(wú)縫滾動(dòng)效果樣例：效果實(shí)現(xiàn)流程能夠滾動(dòng)的條件圖片位置持續(xù)性變化