带冒泡提示文字的jQuery左侧栏凹陷导航菜单代码

来源:https://www.sucaihuo.com/js/2717.html 2017-08-13 19:44浏览(769) 收藏

带冒泡提示文字的jQuery左侧栏凹陷导航菜单代码,鼠标移动到导航链接文字上,右侧便会出现冒泡式文字提示效果。
带冒泡提示文字的jQuery左侧栏凹陷导航菜单代码
分类:导航菜单 > 分类导航 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript"> 
	$(document).ready(function(){
		$("ul.sidenav li").hover(function() {
			$(this).find("div").stop().animate({left: "210", opacity:1}, "fast").css("display","block");
			$(this).find(">a").addClass("current");
		},function(){
			$(this).find("div").stop().animate({left: "0", opacity: 0}, "fast");
			$(this).find(">a").removeClass("current");
		});
		
	});
	</script>
评论0
头像

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

1 2