jquery实现翻动fadeIn显示的方法
2015-03-05 00:00
627 查看
本文实例讲述了jquery实现翻动fadeIn显示的方法。分享给大家供大家参考。具体实现方法如下:
希望本文所述对大家的jQuery程序设计有所帮助。
$(function() { //翻动显示 $("#zuixin div:not(:first)").css("display","none"); var B=$("#zuixin div:last"); var C=$("#zuixin div:first"); setInterval(function(){ if(B.is(":visible")){ C.fadeIn(500).addClass("in");B.hide() }else{ $("#zuixin div:visible").addClass("in"); $("#zuixin div.in").next().fadeIn(500); $("div.in").hide().removeClass("in"); } },3000); //每3秒钟切换一条,你可以根据需要更改 });
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章推荐
- jquery实现翻动fadeIn显示的方法
- jQuery事件 mouseover方法与mouseout方法实现鼠标移进显示移出消失的效果 (css控制span标签)
- 用jquery的ajax方法实现简单的数字显示
- jQuery实现网站添加高亮突出显示效果的方法
- JQuery实现鼠标移动图片显示描述层的方法
- jquery和js实现对div的隐藏和显示方法
- jQuery实现鼠标单击网页文字后在文本框显示的方法
- jQuery使用fadein方法实现渐出效果实例
- jquery实现页面百叶窗走马灯式翻滚显示效果的方法
- jquery简单图片切换显示效果实现方法
- jQuery实现当前页面标签高亮显示的方法
- jQuery实现鼠标单击网页文字后在文本框显示的方法
- Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
- jQuery实现高亮显示的方法
- jQuery实现当前页面标签高亮显示的方法
- JQuery实现鼠标移动图片显示描述层的方法
- ajax+jQuery实现级联显示地址的方法