jquery实现翻动fadeIn显示的方法
程序员文章站
2022-05-05 23:45:44
...
这篇文章主要介绍了jquery实现翻动fadeIn显示的方法,实例分析了jQuery中fadeIn方法的使用技巧,需要的朋友可以参考下
本文实例讲述了jquery实现翻动fadeIn显示的方法。分享给大家供大家参考。具体实现方法如下:
$(function() { //翻动显示 $("#zuixin p:not(:first)").css("display","none"); var B=$("#zuixin p:last"); var C=$("#zuixin p:first"); setInterval(function(){ if(B.is(":visible")){ C.fadeIn(500).addClass("in");B.hide() }else{ $("#zuixin p:visible").addClass("in"); $("#zuixin p.in").next().fadeIn(500); $("p.in").hide().removeClass("in"); } },3000); //每3秒钟切换一条,你可以根据需要更改 });
以上就是jquery实现翻动fadeIn显示的方法的详细内容,更多请关注其它相关文章!
上一篇: 分享HTML5中10个经典的动画工具