js浮动层制作 div 定位层返回顶部按钮



125 496 166



特效描述:js浮动层制作 div定位层 返回顶部按钮,js浮动层制作一个div 定位层固定在页面右下角的按钮,点击按钮返回顶部的特效。内含js代码下载

代码结构

1. HTML代码

<div class="main"><img src="images/new_one_fen.jpg" width="920" height="1200" ></div>
<div id="gotopbtn">&nbsp;</div>
<script type="text/javascript">
backTop=function (btnId){
	var btn=document.getElementById(btnId);
	var d=document.documentElement;
	window.onscroll=set;
	btn.onclick=function (){
		btn.style.display="none";
		window.onscroll=null;
		this.timer=setInterval(function(){
			d.scrollTop-=Math.ceil(d.scrollTop*1);
			if(d.scrollTop==0) clearInterval(btn.timer,window.onscroll=set);
		},10);
	};
	function set(){btn.style.display=d.scrollTop?'block':"none"}
};
backTop('gotopbtn');
</script>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 浮动 悬浮 悬浮层 悬浮框 浮动层 浮动框 浮动插件 悬浮插件 浮动提示框 浮动菜单 浮动导航

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到