javascript 回到顶部动画效果

上代码: <!DOCTYPE html> <html> <head> <meta content="测试demo" name="Keywords"> <meta content="测试demo" name="Description"> <meta http-equiv="Content-Type" content="text/htm…

最近在模仿各大网站写页面样式和交互,发现好多都有回到顶部的需要,所以写了一下js,记录下来. 发现还可以添加从快到慢的动画效果和随时下拉滚动条停止滚动的功能, 参考了imooc上相关课程,最终实现JS代码如下: //页面加载后触发 window.onload = function(){ var btn = document.getElementById('btn'); var timer = null; var isTop = true; //获取页面可视区高度 var clientHeight…

javascript 回到顶部效果的实现

demo.js window.onload=function() { var timer=null; var obtn=document.getElementById('btn'); var isTop=true; window.onscroll=function() { if(!isTop) { clearInterval(timer); } isTop=false; } obtn.onclick=function () { timer=setInterval(function(){ var…

纯javascript 回到顶部实例

很多网站都会采用瀑布式的加载模式,像qq空间加载好友动态,为了用户体验更好,很多网站会加上回到顶部的连接,但大多数网站都是一下子就回到了顶部,当然,这样有这样的好处,但是我是个比较喜欢很炫的东西的人,所以就比较喜欢滑动滚到顶上.直接上代码吧. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <…

javascript 通用loading动画效果

由于项目中多处要给ajax提交的时候增加等待动画效果,所以就写了一个简单的通用js方法: 代码如下: /*ajax提交的延时等待效果*/ var AjaxLoding = new Object(); //wraperid : 显示loding图片的容器元素 //ms:表示loding图标显示的时长,毫秒 //envent:表示出发事件的事件源对象,用于获得出发事件的对象 //callback:表示动画结束后执行的回掉方法 //stop()方法表示在回掉方法执行成功后执行的隐藏动画的操作 Ajax…

jquery javascript 回到顶部功能

今天搞了一个回到顶部的JS JQ功能 (function($){ $.fn.survey=function(options){ var defaults={width:"298",height:"207"}; var options=$.extend(defaults,options); if($.browser.msie){ var ieVersion=parseInt($.browser.version)} //建立HTML var __feedCreat=fu…

js+css实现点击回到顶部的效果（最低兼容至ie7）

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>js+css实现置顶的效果</title> <style type="text/css"> *{ margin: 0; padding: 0; } #top…

JavaScript Timer实现动画效果