国庆过去一周多了,作为IT界的具有严重’工作狂‘性质的宅人,居然还没走出玩耍的心情,拖了程序猿的脚后跟了.最近工作不顺,心情不佳,想吐槽下公司,想了还是厚道点,以彼之道还施彼身,觉得自己也和他们同流合污了!就做个‘沉默’的程序猿吧!(总有一天会猿球崛起)嘿嘿. 牢骚到底为止,好的心情才是重要的,本来猝死的几率就那么大了,就不要再往上飙数字了.不快的心情留在公司,快乐的在家里写blog. 有一段时间没有写blog了(恍恍惚惚的过了这些天,买了几本书,看了,字全认识,意思全没看进去),也没有一个清晰…
自己jquery开发的返回顶部,当时只为了自己用一下,为了方便,修改成了插件... 自己的博客现在用的也是这个插件..使用方便!! <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></titl…
vue-totop vue 点击返回顶部插件,可以根据参数设定按钮大小,颜色,类型,返回顶部的时间等.github地址:https://github.com/1006008051/vue-totop,欢迎star. 安装npm install vue-totop -S 使用注入 // ES6import vueToTop from 'vue-totop'//or requirevar vueToTop = require('vue-totop') Vue.use(vueToTop) 组件使用 <…
在网上找来段使用jQuery火箭图标返回顶部代码,感觉比较酷,比较炫,大概样式如下, 代码如下: <!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">…
1.简单写一个页面 首先我们应该创建两个盒子,container盒子主要模拟页面滚动到的位置,back盒子主要功能是实现返回顶部的功能 2.简单的对这两个盒子写一些样式 我们应该先将返回顶部盒子隐藏(display:none) 我们可以看到页面是这个样子 3.使用jQuery简单写返回顶部的js 最终实现返回顶部的功能…
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…
当页面过长时,通常会在页面下方有一个返回顶部的button,总结一下,大概三种实现方法,下面说下各方法及优缺点. 方法一 锚点定位 ? 1 <a href="#" class="top" id="top">返回頂部</a> 这种方法设置方便,但缺点是会刷新页面(我是在同事的乐视手机上发现的). 方法二 window.scrollTo(x,y) ? 1 <a href="javascript:scrollTo…
这个插件主要是结合jquery或者xhr异步请求来使用的,它可以把已经引入过的js文件记录在浏览器内存中,当下次再引入相同的文件就忽略该文件的引入. 此插件不支持浏览器刷新保存数据,那需要利用cookie来保存引入数据记录.这里只时候异步加载js文件的方式. 使用本插件必须先引入jquery,后再引入动态导入插件js文件.在不刷新页面的情况下,本插件导入的javascript只需用导入一次,后面都会使用上一次导入的缓存文件 下面简单说下插件用法,使用规则方法: 1.导入一个文件 // 导入一个文…
只需一句jQuery代码实现返回顶部效果体验:http://hovertree.com/texiao/yestop/ 使用方法:只需引用jQuery库和YesTop插件(jquery.yestop.js),然后一句代码就可以实现返回顶部:引用代码:<script src="http://hovertree.com/ziyuan/jquery/jquery-1.11.3.min.js"></script> <script src="http://h…
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="generator" content="58IMG.COM" /> <title>jQuery返回顶部插件-jquery.scrollUp.min.js</title> <script src="https://co…