图片量越来越大,网页加载不堪重负。还是得用lazyload... 实现要点:页面绑定滚动事件;加载页面的时候把地址放于一个属性中;在滚动过程中判断元素是否进入显示的区域内;加载图片。 主要相关问题:浏览器兼容,如获取浏览器可见部分的宽度: window.innerHeight|| document....
分类:
编程语言 时间:
2015-01-20 21:51:58
阅读次数:
248
Jquery.Nicescroll.jsnicescroll是一个jQuery插件支持水平滚动条!它支持div,iframe,文本,文档页面滚动条。所有的桌面浏览器兼容:Firefox 4 + 5 +,Chrome,Safari 4 +,Opera 10 +,IE+6与移动设备兼容:iPhone /...
分类:
其他好文 时间:
2015-01-20 20:10:53
阅读次数:
145
当用户在设备上滚动页面时,jQuery Mobile提供了滚动事件进行监听。其中首先介绍的是scrollstart事件,该事件发生在页面滚动开始时,如下代码: $(document).ready(function(){ $('body').bind('scrollstart', function(....
分类:
Web程序 时间:
2015-01-20 17:18:40
阅读次数:
130
CSS3+JQUERY页面滚动特效代码 源代码下载地址:http://www.zuidaima.com/share/1550463656168448.htm...
分类:
Web程序 时间:
2015-01-20 10:29:12
阅读次数:
162
http://www.neoease.com/lazy-load-jquery-plugin-delay-load-image/Lazy Load是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它...
分类:
Web程序 时间:
2015-01-16 14:28:55
阅读次数:
231
Lazy Load是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加...
分类:
Web程序 时间:
2015-01-16 12:50:28
阅读次数:
252
在页面和浏览器中,除了文字、图片、表格、表单等,还有很多各种各样的元素,在上篇博文中,小编主要简单的介绍了一下在CSS中如何设置表格和表单,今天小编主要简单介绍一下丰富的超链接特效、鼠标特效、页面滚动条。首先我们来看一张思维导图:
接着,小编会跟随上述思维导图的足迹,慢慢探寻,丰富的超链接特效中,我们首先来介绍动态超链接,我们来看一下例子的代码和运行的效果:...
分类:
Web程序 时间:
2015-01-07 08:10:58
阅读次数:
123
前天学习了固定导航栏根据页面滚动条距离来自动定位的效果,其中心思想就是通过判定当前滚动条的值与页面中相应内容值大小的关系来选择。js代码如下(用到了jQuery库): $(document).ready(function () { $(window).scro...
分类:
其他好文 时间:
2014-12-30 17:05:12
阅读次数:
181
这里集合了几款很棒的制作网页滚动动画的 JavaScript 库和插件。它们中,有的可以帮助你在页面滚动的时候添加动感的元素动画,有的则是实现目前非常流行的全屏页面切换动画。相信借助这些插件,你也可以让网站变得高大上起来。 ScrollReveal.js ScrollReveal.js 用于...
分类:
编程语言 时间:
2014-12-26 18:30:07
阅读次数:
155
想让背景图片拉伸显示,但是不知道是什么原因,用background-size:cover;如果页面内容不能充满整个页面,这个属性不起作用(用的chrome,IE10),有碰到这种问题的吗? 于是又想了别的办法解决: 背景图片充满页面并固定,页面滚动,背景固定body{ background...
分类:
Web程序 时间:
2014-12-25 14:22:45
阅读次数:
171