jQuery+CSS3左侧固定导航栏子菜单3d展开动画特效 - 溯柯网

这是一款基于jQuery+CSS3实现的左侧固定浮动导航栏代码，鼠标悬停子菜单3d展开动画特效。

js代码 

<script type="text/javascript" src="https://img.x22t.com/file/2020/04/25/3ea99d0abc00e3e7918af7d0fa3d9cf94521.js"></script>
<script type="text/javascript">
	$(function(){
	var thisTime;
	$(".nav-ul li").mouseleave(function(even){
			thisTime	=	setTimeout(thisMouseOut,1000);
	})

	$(".nav-ul li").mouseenter(function(){
		clearTimeout(thisTime);
		var thisUB	=	$(".nav-ul li").index($(this));
		if($.trim($(".nav-slide-o").eq(thisUB).html()) != "")
		{
			$(".nav-slide").addClass("hover");
			$(".nav-slide-o").hide();
			$(".nav-slide-o").eq(thisUB).show();
		}
		else{
			$(".nav-slide").removeClass("hover");
		}
		
	})
	
	function thisMouseOut(){
		$(".nav-slide").removeClass("hover");
	}
	 
	$(".nav-slide").mouseenter(function(){
		clearTimeout(thisTime);
		$(".nav-slide").addClass("hover");
	})
	$(".nav-slide").mouseleave(function(){
		$(".nav-slide").removeClass("hover");
	})

})
</script>

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。