jquery實現(xiàn)翻動fadeIn顯示的方法

更新時間：2015年03月05日 11:34:01 作者：Arata

這篇文章主要介紹了jquery實現(xiàn)翻動fadeIn顯示的方法,實例分析了jQuery中fadeIn方法的使用技巧,需要的朋友可以參考下

本文實例講述了jquery實現(xiàn)翻動fadeIn顯示的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：

$(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秒鐘切換一條，你可以根據(jù)需要更改
});

希望本文所述對大家的jQuery程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

各種效果的jquery ui(接口)介紹
使用jquery的朋友不得不看的,jquery ui接口，提升jquery的效率
2008-09-09
初步認(rèn)識JavaScript函數(shù)庫jQuery
這篇文章主要介紹了JavaScript函數(shù)庫jQuery的一些基本概念,包括其的添加方法和最基本的使用示例,需要的朋友可以參考下
2015-06-06
jQuery判斷元素是否是隱藏的代碼
jQuery判斷元素顯示或隱藏, is 函數(shù)，需要的朋友可以參考下。
2011-04-04
2010年最佳jQuery插件整理
在前兩周國外知名博客WDL先后分享了“2010最佳系列”中的“最佳免費WordPress主題”和“最佳免費字體”，在這個星期又發(fā)布了2010年最佳jQuery插件。
2010-12-12
jquery實現(xiàn)兩個div中的元素相互拖動的方法分析
這篇文章主要介紹了jquery實現(xiàn)兩個div中的元素相互拖動的方法,結(jié)合實例形式分析了jQuery基于鼠標(biāo)事件響應(yīng)的頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下
2020-04-04
jQuery循環(huán)遍歷子節(jié)點并獲取值的方法
這篇文章主要介紹了jQuery循環(huán)遍歷子節(jié)點并獲取值的方法,涉及jQuery節(jié)點的遍歷與屬性操作相關(guān)技巧,需要的朋友可以參考下
2016-04-04
jQuery 操作option的實現(xiàn)代碼
js清空option之前清空option ，我的做法是遍歷現(xiàn)有option，將其每個子元素都置空即可。
2011-03-03
使用prop解決一個checkbox選中后再次選中失效的問題
下面小編就為大家?guī)硪黄褂胮rop解決一個checkbox選中后再次選中失效的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-07-07
Jquery揭秘系列:ajax原生js實現(xiàn)詳解(推薦)
下面小編就為大家?guī)硪黄狫query揭秘系列:ajax原生js實現(xiàn)詳解(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06
jQuery使用之標(biāo)記元素屬性用法實例
這篇文章主要介紹了jQuery使用之標(biāo)記元素屬性用法,實例分析了jQuery如何控制頁面,包含元素的屬性、css樣式風(fēng)格、DOM模型、表單元素和事件處理等使用技巧,需要的朋友可以參考下
2015-01-01