本文由 资源共享网 – admin 发布,转载请注明出处,如有问题请联系我们!jQuery+CSS3响应式TAB选项卡幻灯片切换代码
资源语言: 中文
图片展示资源(jQuery+CSS3响应式TAB选项卡幻灯片切换代码)网址:https://www.08i8.com/ttqdzy/detail10633.html;转载请注明!
一款基于jQuery+CSS3实现的响应式TAB选项卡样式幻灯片切换代码,选项卡切换大图幻灯片特效。
js代码
<script src="https://img.x22t.com/file/2020/04/25/73ff9aa2ec1687e709a8d32621104e234205.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $("a").on("click", function(){ return false; }); // set item banner $(".ts-item").first().show(); $(".ts-item").each(function () { var $this = $(this), _imgSrc = $this.find(".ts-banner img").attr("src"); if(_imgSrc) $this.css("background-image", "url(" + _imgSrc + ")"); }); $(".ts-control li").on("click", function(){ var $this = $(this), _index = $this.index(); $("li.is-active").removeClass("is-active"); $(this).addClass("is-active"); $(".ts-item.is-active").removeClass("is-active").fadeOut(); $(".ts-item").eq(_index).addClass("is-active").fadeIn(); return false; }); var ww = $(window).width(); }); </script>
图片展示资源(jQuery+CSS3响应式TAB选项卡幻灯片切换代码)网址:https://www.08i8.com/ttqdzy/detail10633.html;转载请注明!