jquery頁面div切換特效代碼(使用jquery變換網(wǎng)頁效果你是人間四月天)
function $quot#div1quotslideDown1000 slideDown 和slideUp只對display有效 clickfunction var div1 = $quot#div1quot 獲取jquery對象 var id = setIntervalfunction div1animate top quot+=30quot , 1000animate top quot=30quot , 1000。
100%*left定位100%是因為要做的效果是要頁面從右向左切換進(jìn)來的效果* top0*也可以設(shè)置top樣式100%這樣就是從上向下的切換效果* width100% height100% display記得先接入jquery庫$documentreadyfunction$quotpagequoteq0cssquotleftquot,0$quotpagequot。
lt! 開關(guān)代碼 ltdiv class=quotkgquot ltspan class=quotcurquot開ltspan ltspan關(guān)ltspan ltdiv lt! 需要切換的div ltdiv class=quotboxquot ltulltul ltulltul ltdiv ltscript type=quottextjavascriptquot src=quot引進(jìn)jqueryquotltscript ltscript type=quottext。
function$ belowthefold = functionelement, settings var fold = $windowheight + $windowscrollTopreturn fold lt= $elementoffsettop settingsthreshold $abovethetop = functionelement, settings var top = $windowscrollTopreturn。
掃描二維碼推送至手機訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。