jquery实现翻动fadeIn显示的方法

巴扎黑

Lepaskan： 2017-06-30 10:15:24

asal

1229 orang telah melayarinya

这篇文章主要介绍了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秒钟切换一条，你可以根据需要更改
});

Salin selepas log masuk

Atas ialah kandungan terperinci jquery实现翻动fadeIn显示的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：

jquery tunjuk

sumber：php.cn

Artikel sebelumnya：jQuery.fadeIn() 函数使用详解 Artikel seterusnya：笔记：IE下 jquery的fadeIn与fadeOut方法失效的BUG

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang