《通过jquery实现图片随机排列特效代码》由会员分享,可在线阅读,更多相关《通过jquery实现图片随机排列特效代码(3页珍藏版)》请在金锄头文库上搜索。
1、文档供参考,可复制、编制,期待您的好评与关注! 通过jquery实现图片随机排列特效代码通过jquery实现图片随机排列特效代码jQuery(document).ready(function($) var arr = ; var tarr = ; var pic = ; pic0 = /#/images/index/t1.gif; pic1 = /#/images/index/t2.gif; pic2 = /#/images/index/t3.gif; pic3 = /#/images/index/t4.gif; pic4 = /#/images/index/t5.gif; pic5 = /#
2、/images/index/t6.gif; pic6 = /#/images/index/t7.gif; pic7 = /#/images/index/t8.gif; pic8 = /#/images/index/t9.gif; pic9 = /#/images/index/t10.gif; pic10 = /#/images/index/t11.gif; pic11 = /#/images/index/t12.gif; pic12 = /#/images/index/t13.gif; pic13 = /#/images/index/t14.gif; pic14 = /#/images/ind
3、ex/t15.gif; pic15 = /#/images/index/t1.gif; pic16 = /#/images/index/t2.gif; pic17 = /#/images/index/t3.gif; pic18 = /#/images/index/t4.gif; pic19 = /#/images/index/t5.gif; pic20 = /#/images/index/t6.gif; pic21 = /#/images/index/t7.gif; pic22 = /#/images/index/t8.gif; pic23 = /#/images/index/t8.gif;
4、var index = 24; function rond() for(var i=0; iindex; i+) arri = i; var j = index; for(var i=0; iindex; i+) var t = Math.floor(Math.random()*j); j-; tarri = arr.splice(t,1); function resetPic() rond(); for(var i=0; iindex; i+) $(#c_u).append( ) $(#reset span).click(function() rond(); for(var i=0; iin
5、dex; i+) $(#c_u li).eq(i).attr(class,).addClass(li_+tarri); ); resetPic(); );bodybackground:#CCCCCC; padding:0; margin:0;#resetwidth:898px; height:36px; margin:0 auto; position:relative; color:#FFFFFF; font-size:28px; line-height:36px; font-weight:bold;#reset spancursor:pointer; text-decoration:unde
6、rline;#c_uwidth:898px; height:596px; margin:0 auto; position:relative; list-style:none; padding:8px; border:4px solid #FFFFFF;#c_u limargin:8px; border:4.5px solid #FFFFFF; width:125px; height:125px; position:absolute; padding:0; transition:all .5s ease-out 0s; -webkit-transition:all .5s ease-out 0s
7、; -o-transition:all .5s ease-out 0s;#c_u licursor:move;#c_u li.redborder-color:#FF99CC;#c_u li.moveposition:fixed;#c_u li.absposition:absolute;#c_u li imgvertical-align:top;#c_u .li_0top:8px; left:8px;#c_u .li_1top:8px; left:158px;#c_u .li_2top:8px; left:308px;#c_u .li_3top:8px; left:458px;#c_u .li_
8、4top:8px; left:608px;#c_u .li_5top:8px; left:758px;#c_u .li_6top:158px; left:8px;#c_u .li_7top:158px; left:158px;#c_u .li_8top:158px; left:308px;#c_u .li_9top:158px; left:458px;#c_u .li_10top:158px; left:608px;#c_u .li_11top:158px; left:758px;#c_u .li_12top:308px; left:8px;#c_u .li_13top:308px; left
9、:158px;#c_u .li_14top:308px; left:308px;#c_u .li_15top:308px; left:458px;#c_u .li_16top:308px; left:608px;#c_u .li_17top:308px; left:758px;#c_u .li_18top:458px; left:8px;#c_u .li_19top:458px; left:158px;#c_u .li_20top:458px; left:308px;#c_u .li_21top:458px; left:458px;#c_u .li_22top:458px; left:608px;#c_u .li_23top:458px; left:758px;郑州悦美整形美容医院 郑州展览公司 Reset: /