jquery页面div切换特效代码(使用jquery变换网页效果你是人间四月天)
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%是因为要做的效果是要页面从右向左切换进来的效果* top0*也可以设置top样式100%这样就是从上向下的切换效果* width100% height100% display记得先接入jquery库$documentreadyfunction$quotpagequoteq0cssquotleftquot,0$quotpagequot。
lt! 开关代码 ltdiv class=quotkgquot ltspan class=quotcurquot开ltspan ltspan关ltspan ltdiv lt! 需要切换的div ltdiv class=quotboxquot ltulltul ltulltul ltdiv ltscript type=quottextjavascriptquot src=quot引进jqueryquotltscript ltscript type=quottext。
function$ belowthefold = functionelement, settings var fold = $windowheight + $windowscrollTopreturn fold lt= $elementoffsettop settingsthreshold $abovethetop = functionelement, settings var top = $windowscrollTopreturn。