/scripts"/>
  • 黔江:1000余亩蓝莓成熟 市民乐享“莓”好时光 2019-05-22
  • 【周展安】重新认识《在延安文艺座谈会上的讲话》的现实意义 2019-05-22
  • 十九大代表卢丽安利用周末与在沪台胞分享她参会心得  2019-05-19
  • (两会受权发布)最高人民法院院长简历 2019-05-14
  • 巫山县大峡村:深度贫困村的脱贫之变 2019-05-12
  • “关注泌尿健康”三金片媒体沙龙北京站 2019-05-09
  • 人民网评:教师欠薪为何又成新闻了? 2019-05-07
  • 涪陵:全国人大代表刘家奇院坝讲“两会” 乡亲点赞“六子致富经” 2019-05-07
  • 海南将与香港携手开拓国际客源市场--旅游频道 2019-05-01
  • 赵孟頫:书法大师是怎么炼成的? 2019-04-28
  • 只看到“贫穷”而看不到“富裕”,只看到贫富差别而看不到其根源是社会财富被个人占为私有的私有制,都是片面错误的。 2019-04-25
  • 紫光阁中共中央国家机关工作委员会 2019-04-25
  • 大众因“排放门”被罚10亿欧元 外媒:处罚还没完 2019-04-11
  • 俄罗斯足球队50横扫沙特队真是让人大饱眼福,特提精神!俄罗斯是战斗民族名不虚传。 2019-04-09
  • 西安启动唐长安城明德门遗址保护工程 2019-04-07
  • 今天看啥
      热点:

        新疆35选7的开奖号 www.ts3ne.com

        jquery 超酷的页面滚动效果


           
        
        
        
        
        演示:超酷的页面滚动效果 - ◆新疆35选7的开奖号◆
        
        
        
        <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script type="text/javascript">
        $(function(){
        	navpos();
        	
        	var pro_top = $("#pro").offset().top;
        	var news_top = $("#news").offset().top;
        	var ser_top = $("#ser").offset().top;
        	var con_top = $("#con").offset().top;
        	var job_top = $("#job").offset().top;
        	//alert(tops);
        	$(window).scroll(function(){
        		var scroH = $(this).scrollTop();
        		if(scroH>=job_top){
        			set_cur(".job");
        		}else if(scroH>=con_top){
        			set_cur(".con");
        		}else if(scroH>=ser_top){
        			set_cur(".ser");
        		}else if(scroH>=news_top){
        			set_cur(".news");
        		}else if(scroH>=pro_top){
        			set_cur(".pro");
        		}
        	});
        	
        	$(".nav li a").click(function() {
        		var el = $(this).attr('class');
             	$('html, body').animate({
                 	scrollTop: $("#"+el).offset().top
             	}, 300);
        		//$(this).addClass("cur");
        		//$(".nav a").removeClass("cur");
        		$(this).addClass("cur").parent().siblings().find("a").removeClass("cur");
        		/*$('html, body').animate({
        		 	scrollTop: $("#"+el).offset().top - 2
        			},{
                 	easing: 'easeInCubic',
                 	duration: 300,
                 	complete:function(){
        			}
        	 	});*/
         	});
        	
        });
        $(window).resize(function(){
          navpos();
        });
        function navpos(){
        	var offset = $("#main").offset().left;
        	var nav_w = $(".nav").outerWidth();
        	var left = offset-nav_w;
        	//alert(left);
        	if(left>10){
        		$(".nav").css("margin-left","-170px");
        	}else{
        		$(".nav").css("margin-left",-(160+left)+"px");
        	}
        }
        function set_cur(n){
        	if($(".nav a").hasClass("cur")){
        		$(".nav a").removeClass("cur");
        	}
        	$(".nav a"+n).addClass("cur");
        }
        
        
        </script>
        
        
        
        
        
        
        
        
        
        
        
          
          
             
                

        产品展示

        效果1效果2效果3


        新闻中心

        服务支持

        联系我们

        人才招聘

      • 黔江:1000余亩蓝莓成熟 市民乐享“莓”好时光 2019-05-22
      • 【周展安】重新认识《在延安文艺座谈会上的讲话》的现实意义 2019-05-22
      • 十九大代表卢丽安利用周末与在沪台胞分享她参会心得  2019-05-19
      • (两会受权发布)最高人民法院院长简历 2019-05-14
      • 巫山县大峡村:深度贫困村的脱贫之变 2019-05-12
      • “关注泌尿健康”三金片媒体沙龙北京站 2019-05-09
      • 人民网评:教师欠薪为何又成新闻了? 2019-05-07
      • 涪陵:全国人大代表刘家奇院坝讲“两会” 乡亲点赞“六子致富经” 2019-05-07
      • 海南将与香港携手开拓国际客源市场--旅游频道 2019-05-01
      • 赵孟頫:书法大师是怎么炼成的? 2019-04-28
      • 只看到“贫穷”而看不到“富裕”,只看到贫富差别而看不到其根源是社会财富被个人占为私有的私有制,都是片面错误的。 2019-04-25
      • 紫光阁中共中央国家机关工作委员会 2019-04-25
      • 大众因“排放门”被罚10亿欧元 外媒:处罚还没完 2019-04-11
      • 俄罗斯足球队50横扫沙特队真是让人大饱眼福,特提精神!俄罗斯是战斗民族名不虚传。 2019-04-09
      • 西安启动唐长安城明德门遗址保护工程 2019-04-07
      • 新疆35选7的开奖号 www.ts3ne.comtrue//www.ts3ne.com/qttx/1264943.htmlTechArticlejquery 超酷的页面滚动效果 演示:超酷的页面滚动效果 script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">/scripts...

        相关文章

        相关搜索: 页面滚动

        帮客评论

        视觉看点