JQ最简单最易懂的淡入淡出选项卡

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JQ最简单最易懂的淡入淡出选项卡相关的知识,希望对你有一定的参考价值。

$(function(){

   $(".nav dd").click(function(){

            $(‘.nav dd‘).eq($(this).index()).addClass("active").siblings().removeClass("active");   //选项卡选择一个

      $(".div1 ul li").hide(function(){

          $(this).fadeOut(‘slow‘);  

     }).eq($(this).index()).show(function(){

          $(this).fadeIn(‘slow‘);    //图片淡入淡出

  });

 

    })

 

最后DVA镇楼

技术分享

 

以上是关于JQ最简单最易懂的淡入淡出选项卡的主要内容,如果未能解决你的问题,请参考以下文章

CSS 最简洁hover事件的淡入淡出写法,且不占文档流位置!

js 淡入淡出的tab选项卡

当用户滚动到页面的最底部时淡入/淡出固定位置 div

轮播图淡入淡出的js和jquery的效果

淡入淡出js轮播广告

带有 jQ​​uery 悬停淡入淡出效果的表格