2018世界杯正规买球网站

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

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

狗万的地址是多少

<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>
标签: tab选项卡图文切换tab选项卡tab切换选项卡切换图文列表
评论0
头像

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

1 2