头像

亚博体育哪个国家的

来源:https://www.wohpc.com/js/4634.html 18***38 2019-08-12 12:13浏览(58) 收藏

jQuery鼠标悬停气泡文字信息内容切换展示代码,默认文字信息自动切换展示,当鼠标悬停气泡时气泡放大并切换到相应文字信息内容。
jQuery鼠标悬停气泡文字信息切换展示代码
分类:文字特效 > 文字切换 难易:中级

程序员,你不是一个人;网站开发QQ群:642228541,在线充值,或联系QQ321037704直接充值

查看演示 下载资源: 6 下载资源 下载积分: 20 积分

世界杯2018外围多少倍

<script type="text/javascript">
$(function(){
	$(".superli ul li").mouseover(function(){
		$(this).addClass('superhover').siblings().removeClass('superhover');
		var index = $(this).index();
		number = index;
		$('.supert').hide();
		$('.supert:eq('+index+')').show();
	});
	
	var auto = 1;  //等于1则自动切换,其他任意数字则不自动切换
	if(auto ==1){
		var number = 0;
		var maxNumber = $('.superli ul li').length;
		function autotab(){
			number++;
			number == maxNumber? number = 0 : number;
			$('.superli ul li:eq('+number+')').addClass('superhover').siblings().removeClass('superhover');
			$('.supert:eq('+number+')').show().siblings().hide();
		}
		var tabChange = setInterval(autotab,3000);
		//鼠标悬停暂停切换
		$('.superli').mouseover(function(){
			clearInterval(tabChange);
		});
		$('.superli').mouseout(function(){
			tabChange = setInterval(autotab,3000);
		});
	  }
});	
</script>
标签: 气泡鼠标悬停悬停特效文字切换悬停切换
最新交易
评论1
头像

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

  • 头像 沙发
    08-13 10:08
    AJ***on
    演示了一下,自我感觉很不错的特效!
1 2