jQuery鼠标悬停tab选项卡切换代码

来源:https://www.sucaihuo.com/js/4775.html 2019-09-24 12:07浏览(271) 收藏

一款网站常用的jQuery鼠标悬停tab选项卡切换代码,选项卡还有下划线跟随动画效果,显得更有特色。切换内容里图文列表布局效果也很棒!
jQuery鼠标悬停tab选项卡切换代码
查看演示 下载资源: 10 下载资源 下载积分: 30 积分

js代码

<script src="js/jquery.min.js"></script>
<script type="text/javascript">           
$(document).ready(function(){
	//设计案例切换
	$('.new_telst li').mouseover(function(){
		var liindex = $('.new_telst li').index(this);
		$(this).addClass('newon').siblings().removeClass('newon');
		$('.new-wrap div.new_lst').eq(liindex).fadeIn(150).siblings('div.new_lst').hide();
		var liWidth = $('.new_telst li').width();
		$('.newtel .new_telst p').stop(false,true).animate({'left' : liindex * liWidth + 'px'},300);
	});
	
});
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 3007547952

1 2