一个简洁的返回网页顶部实例,通过CSS和一段JS控制,简单实用,推荐给大家收藏使用。CSS中定义一个返回顶部的图片,自己设定地址。
CSS段大致内容为:
- <style type="text/css">
- #gotop:hover{background-position:0px -51px}#gotop {width: 38px;height: 39px;position: fixed;bottom: 20px;right: 40px;top: auto;display: block;cursor: pointer;z-index: 999;background: #00a4ef url(/skin/21.png) no-repeat;border: 1px solid #dfdfdf;}
- </style>
DIV调用内容:
- <div id="gotop" style="display: none;"></div>
JS段内容:
- <script type="text/javascript">
- backTop=function (btnId){
- var btn=document.getElementById(btnId);
- var d=document.documentElement;
- var b=document.body;
- window.οnscrοll=set;
- btn.οnclick=function (){
- b