• 文章介绍
  • 评价建议
  • 这是一款基于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>
    

    OC共享平台----官方网址www.ocvoc.com 微信公众号ocvocc 可查询欧闪科技 本站免费资源 需要投广告,赞助的请多多支持,谢谢!
    欧闪科技---oc平台专业提供小程序源码|网站源码|Office素材|游戏服务端|棋牌源码服务端||装修素材|MAC软件下载|免费电影|教育资讯|视频点播|jquery特效 » jQuery+CSS3左侧固定导航栏子菜单3d展开动画特效

    Leave a Reply

    提供最优质的资源集合

    立即查看 了解详情

    Optimized by WPJAM Basic