I am houbiao beta 0.1

jQuery图片滚动-loading异步加载(DOM加载之后)

分类:jQuery

话说公司线上的轮播主题图需要更新一下,鼠标来回放上去的时候回重复的滚动,很是不合理,于是乎这个小东西诞生了。(原理很简单,高手可以绕道咯)

首先说下具备的功能:

一:判断是否需要轮播;

二:将图片的加载过程放在DOM加载完毕之后,省去了页面初始的时间;

三:带有loading进度提示;让用户知道我们在给他加载东西,而且马上就好了;

四:数字按钮的hover事件加了延时,防止鼠标不经意的经过就触发滚动,当然你可以换成点击事件,这样就省下了1个局部变量和1个数组对象;

五:有热区的暂停,鼠标放到轮播区域则停止轮播,离开继续当前的轮播;

差不多就这些吧。代码做了小小的优化,效率还可以,JS执行起来很欢畅,当然肯定还有可以值得优化的地方,先看示例,DEMO - jQuery图片滚动-loading异步加载(DOM加载之后)

代码里有注释,如果您有什么好的意见或是建议可以在回复中指出,谢谢。

4398 reads 4 comments

上一篇:jQuery图片放大效果,自适应尺寸,水平垂直居中,异步加载大图 已经是最后一篇

回复信息

houbiao

通过 android 回复

@敏哥 哈哈被你发现了。最近忙改公司网站我都没时间来更新了。

敏哥

彪哥,踩你来了!

houbiao

通过 iphone 回复

@xxh 很简单的,你要看下代码,自己看懂比任何讲解都奏效,以后就可以举一反三了。如果实在不明白可以加我Q。

xxh

像我这种菜鸟都看不懂,怎么办 求师傅讲解

Leave a comment

*