上一页 1 ··· 16 17 18 19 20
摘要: 原理:那当前的scrollTop和之前的scrollTop对比 如果变大了,表示向下滚动(scrollTop值变大); 如果变小了,表示向上滚动(scrollTop值变小)。 方法一:js代码: $(document).ready(function(){ var p=0, t=0; $(window 阅读全文
posted @ 2017-09-25 10:54 MiniDuck 阅读(15817) 评论(2) 推荐(0) 编辑
摘要: 在移动端,我们经常遇到横竖屏的问题,所以我们改如何判断或针对横竖屏来写代码呢。首先需要在head中加入如下代码: <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum 阅读全文
posted @ 2017-09-21 17:32 MiniDuck 阅读(1896) 评论(0) 推荐(0) 编辑
摘要: 1.javascript、jquery: 方法一: window.onload=function(){ } 方法二: //判断网页是否加载完成 document.onreadystatechange=function(){ if(document.readyState=="complete"){ d 阅读全文
posted @ 2017-09-21 11:03 MiniDuck 阅读(1427) 评论(0) 推荐(0) 编辑
摘要: 简介 和wow.js一样的是:scrollReveal.js也是一款页面滚动显示动画jsc插件,能让页面更有趣,吸引眼球。 和wow.js不一样的是:wow.js动画只能播放一次及依赖animate.css,而scrollReveal.js的动画可以播放一次或无限次及不依赖其他任何文件; 注:scr 阅读全文
posted @ 2017-09-14 11:42 MiniDuck 阅读(1280) 评论(0) 推荐(0) 编辑
摘要: 注:本内容源文档是从https://www.w3cways.com/1765.html该链接下拷贝的 Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片 阅读全文
posted @ 2017-08-25 11:36 MiniDuck 阅读(466) 评论(0) 推荐(0) 编辑
摘要: 1.链接引用 <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="src/images-grid.js"></script> <link rel="st 阅读全文
posted @ 2016-11-01 14:32 MiniDuck 阅读(250) 评论(0) 推荐(0) 编辑
摘要: 1.首先加入链接: 阅读全文
posted @ 2016-11-01 10:23 MiniDuck 阅读(1204) 评论(0) 推荐(0) 编辑
上一页 1 ··· 16 17 18 19 20