Javascript返回顶部

【Javascript返回顶部】的更多相关文章

javascript返回顶部几种代码总结

纯js代码 /** * 回到页面顶部 * @param acceleration 加速度 * @param time 时间间隔 (毫秒) **/ function goTop(acceleration, time) { acceleration = acceleration || 0.1; time = time || 16; var x1 = 0; var y1 = 0; var x2 = 0; var y2 = 0; var x3 = 0; var y3 = 0; if (document.…

javascript返回顶部插件+源码

javascript插件->returnTop.js: /* ** 插件名称returnTop.js ** 调用返回头部单例参数说明 ** 调用方式:turn.init(ele,speed); ** oDiv :就是获取返回图标元素 ** speed :返回顶部时间的快慢,值越大返回的越快 */ var turnTop = {}; turnTop.init=function(ele,speed){ turnTop.eve(ele); turnTop.speed = speed; }; turnT…

JavaScript返回顶部特效

样式: <style type="text/css"> /*返回顶部特效*/ a { border: none; text-decoration: none; outline: none; /*移除虚线框 IE8,FF有用*/ hide-focus: expression(this.hideFocus=true); /*IE6.IE7*/ } *html { background-image: url(about:blank); background-attachment:…

写一个JavaScript“返回顶部”功能

在web页面中,如果页面较高,为了方便用户快速地返回顶部,都会添加一个返回顶部按钮. 效果演示可以查看本页.如果页面有滚动高度,右下角就会有一个含有“返回顶部”字样的黑色背景半透明的小条条.点击这里“返回顶部”字样的按钮后,页面就像是抹了润滑剂一样,倏地一声就滑到顶部了,同时,该点击按钮也玩起了躲猫猫 – 不见了. 效果演示 JavaScript 代码 <script type="text/javascript"> var tool = { //此方法为了避免在 ms 段时…

控制按钮下拉到达一定距离时显示,返回顶层时消失,用JS中的延时定时器来模拟滚动条效果 <script type="text/javascript"> window.onscroll=function(){ //获取当前页面的滚动条纵坐标位置 if(document.documentElement.scrollTop || document.body.scrollTop > 200){ document.getElementById("top").s…

javascript 返回顶部

【JavaScript&jQuery】返回顶部

<!doctype html> <html> <head> <meta charset="utf-8"> <title>返回顶部</title> <meta name="Keywords" content="关键词,关键词"> <meta name="Description" content=""> <!-…

gotop（返回顶部）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

使用Javascript实现返回顶部功能。

为了提高网站的浏览体验及友好度,相信大部分网站需要一个返回顶部的按钮,如果使用传统的a标记,再做一个div加上链接的话,非常麻烦,不仅每个页面都需要添加,而且不能实现非常智能的效果及简化维护时间. 下面,我分享一下我自己经常使用的一个返回按钮,当然,你也可以在这个基础上修改或者自己做一个. 示例:http://www.feikk.com/demo/go_top.html 建议将以下代码放在包函文件中,这样不必每个页面都添加,日后也好维护. 正文如下: 一.先调用jquery. <!-- 这里是用…

JavaScript之返回顶部

为了弄这个Hexo,今天又是坐在电脑面前待了一天( ⊙ o ⊙ ),老是出问题,在百度上也试验了很多方法,还是没弄好,诶...身心疲惫甚是乏累啊~~~ 算了,这个Hexo先不弄,还是安分点吧,在Hexo上感觉浪费了很多的时间,毕竟Hexo对我来说还是高大尚的东西,适可而止. 好了!我还是好好搞自己基础的东西吧,做自己该做的事就可以了. 我们回到这章话题,我们都知道都看到过,很多页面都会有“返回顶部”,方便快捷. 最简单的原理就是应用了<a>标签,我们写“底部”和“顶部”两个标签: scroll…