迅速返回页面顶部代码
2006-12-15 10:06
323 查看
《迅速返回页面顶部代码》
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-70); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-240); TEXT-ALIGN: center"><A href="http://blog.sina.com.cn/m/wenzi#top"><IMG src="http://album.sina.com.cn/pic/578ec41b020000zq" border=0></A></DIV>
其中红色部分要改为你自己的博客地址,这里有朋友可能就会问我博客升级后有两个地址都可以用,代哪个地址好,这就随便你了,不过代码只认你代入的那个地址,如果IE地址栏里显示的是另一个地址,那么点那个TOP小图标后页面会刷新,即以你代入代码中的那个地址打开页面。还有注意别把#top这几个代码弄丢了,要保留在原代码中。蓝色部分是那个TOP小图标的地址,你也可以自己弄个个性的TOP小图标,然后上传到新浪上,把地址代入就可以了;怕麻烦的朋友可以直接用这个小图标,也就是蓝色的那个地址不需要改。
在这里提供几个小图标供大家选用,在图片上点右键查看属性就可以复制地址:
关于TOP小图标的定位坐标-70和-240的说明:
1、clientWidth)-70后面负数的绝对值越大越靠近左侧。
2、clientHeight)-240后面负数的绝对值越大越靠近上部。
也就是说TOP小图标的位置需要你根据自己的实际情况进行调整。
转自:http://blog.sina.com.cn/m/wenzi
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-70); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-240); TEXT-ALIGN: center"><A href="http://blog.sina.com.cn/m/wenzi#top"><IMG src="http://album.sina.com.cn/pic/578ec41b020000zq" border=0></A></DIV>
其中红色部分要改为你自己的博客地址,这里有朋友可能就会问我博客升级后有两个地址都可以用,代哪个地址好,这就随便你了,不过代码只认你代入的那个地址,如果IE地址栏里显示的是另一个地址,那么点那个TOP小图标后页面会刷新,即以你代入代码中的那个地址打开页面。还有注意别把#top这几个代码弄丢了,要保留在原代码中。蓝色部分是那个TOP小图标的地址,你也可以自己弄个个性的TOP小图标,然后上传到新浪上,把地址代入就可以了;怕麻烦的朋友可以直接用这个小图标,也就是蓝色的那个地址不需要改。
在这里提供几个小图标供大家选用,在图片上点右键查看属性就可以复制地址:
关于TOP小图标的定位坐标-70和-240的说明:
1、clientWidth)-70后面负数的绝对值越大越靠近左侧。
2、clientHeight)-240后面负数的绝对值越大越靠近上部。
也就是说TOP小图标的位置需要你根据自己的实际情况进行调整。
转自:http://blog.sina.com.cn/m/wenzi
相关文章推荐
- 迅速返回页面顶部浮动按钮代码...
- jquery使页面返回到顶部代码
- backtop返回页面顶部jquery代码
- 微信小程序 --- 6行代码实现页面返回顶部
- 仿CSDN Blog返回页面顶部功能实现原理及代码
- 三款简单的JS返回页面顶部代码
- jquery代码: 返回页面顶部
- 三款简单的JS返回页面顶部代码
- 三款简单的JS返回页面顶部代码
- jQuery制作带有微信二维码扫描的页面返回顶部代码
- js 返回页面顶部 代码
- 简单返回顶部代码及注释说明
- 返回顶部浮动图标代码
- 页面返回顶部的具体实现方法
- 三种经典“返回顶部”效果的代码
- 在登录页面设计中输入密码错误后弹框提示并返回到登录界面的代码实现
- JavaScript/Jquery返回顶部代码
- js返回顶部的代码
- jQuery火箭图标返回顶部代码
- js返回页面顶部常用方法