大佬教程收集整理的这篇文章主要介绍了使用jQuery按顺序淡入列表项,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
var eT = 0; $('.everything').hide().each(function() { $(this).delay(eT).fadeIn('slow'); eT += 200; });@H_944_5@我遇到的问题是每个li将根据它所代表的工作类型(web,print等)有一个类(或多个).侧面有一个导航,允许您过滤要显示的工作类型.我遇到的是,如果我点击过滤器,当动画仍然加载项目时,事情变得非常混乱. @H_944_5@这是当前工作页面的模板:
<html> <head> <script src="./jquery-ui-1.8.7.custom/js/jquery-1.4.4.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { var timeOuts = new Array(); var eT=200; function myFadeIn(jqObj) { jqObj.fadeIn('slow'); } function clearAllTimeouts() { for (key in timeOuts) { clearTimeout(timeOuts[key]); } } $('.everything').hide().each(function(indeX) { timeOuts[index] = setTimeout(myFadeIn,index*eT,$(this)); }); $('#something').click(function() { clearAllTimeouts(); $('.everything').stop(true,truE).hide(); $('@L_189_15@mething').each(function(indeX) { timeOuts[index] = setTimeout(myFadeIn,$(this)); }); }); }); </script> <style type="text/css"> li.everything {width:40px;height:40px;BACkground:#bbb;display:inline-block} li@L_189_15@mething {width:80px;height:80px;BACkground:#000;display:inline-block} </style> </head> <body> <button id="something">BLACK</button> <ul> <li class="everything"></li> <li class="everything something"></li> <li class="everything"></li> <li class="everything something"></li> <li class="everything"></li> <li class="everything something"></li> <li class="everything"></li> <li class="everything something"></li> <li class="everything"></li> <li class="everything something"></li> </ul> </body> </html>
以上是大佬教程为你收集整理的使用jQuery按顺序淡入列表项全部内容,希望文章能够帮你解决使用jQuery按顺序淡入列表项所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。