注册 登录 充值会员 退出
联系客服 毕业设计 java源码 PHP源码
充值

jQuery+CSS3响应式TAB选项卡幻灯片切换代码

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2022-08-12
jQuery+CSS3响应式TAB选项卡幻灯片切换代码
一款基于jQuery+CSS3实现的响应式TAB选项卡样式幻灯片切换代码,选项卡切换大图幻灯片特效。


js代码

<script src="js/jquery-2.1.1.min.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>

关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。