信鸽网

jquery实现翻动fadeIn显示的方法

  作者：bea

本文实例讲述了jquery实现翻动fadeIn显示的方法。分享给大家供大家参考。具体实现方法如下： $(function() { //翻动显示 $("#zuixin div:not(:first)").css("display","none"); var B=$("#zuixin div:last"); var C=$("#zuixin div:first"); setInterval(function(){ if(B.is(":visible")){

本文实例讲述了jquery实现翻动fadeIn显示的方法。分享给大家供大家参考。具体实现方法如下：




$(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程序设计有所帮助。




有用  |  无用

猜你喜欢

您可能感兴趣的文章: