js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:首页 > 网页特效 > JS常用代码 > 返回顶部

jQuery实现网页滚动显示浮动导航,并且带返回顶部按钮

发布时间:2015-09-08 20:59:59    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

jQuery实现网页滚动显示浮动导航,并且带返回顶部按钮
$(document).ready(function(){
	$(".return_top").click(function(){
		$("html,body").animate({"scrollTop":0},1000);
	});
	$(window).scroll(function(){
		var Sctop = $(window).scrollTop();
		Sctop>1200?$(".nav").stop().animate({"height":408},300) && $(".return_top").show():$(".nav").stop().animate({"height":0},300)&&$(".return_top").hide();
	});
	function toDou(n){
		if(n<10){
		return '0'+n;
		}else{
			return ''+n;
			}
	}
	function tick(){
		var oDate=new Date();
		var str=toDou(oDate.getHours())+":"+toDou(oDate.getMinutes())+":"+toDou(oDate.getSeconds());
		$(".rq").html(str);
	}
	setInterval(tick,1000);
	tick();

});



浮动导航 返回顶部

jquery左右浮动导航及底部固定导航特效

jQuery实现网页滚动显示浮动导航,并且带返回顶部按钮

jquery网页浮动导航点击锚点链接屏幕滚动效果