web development blog

> 标签 图片效果

js淡入淡出图片切换效果

javascript图片效果广告banner切换 5133 浏览 6 评论 2012/05/03
js淡入淡出图片切换效果

图片切换插件很多,效果也很多。如果用jQuery的框架写一个简单的图片切换,是很方便,而去也不用考虑那么多,兼容效果也很好。可是,如果我们的编写的程序,基于js框架开发,那么就意味着要有框架的支持,这样就增加了额外的开销。

其实,对于一些不是那么复杂,简单的应用,其实我们没必要想不想就依赖他们来实现效果,我们可以考虑纯js来实现,这样大大的提高性能,降低成本。虽然这些都微不足道,但是这也是一种技术追求。

我们用js的prototype原型,简单的写一个图片切换的构造函数。只要我们写成了构造函数,那么就意味着可以循环使用,只要实例化一个对象就可以了。本脚本不算大,原始大小是3kb左右,而压缩后只有1.6kb,本地测试通过ie6+/firefox11/Opera11。

构造函数Code...

阅读全文 >>

首页|前端技术|编程/php|生活|关于我

Copyright © 2012 wmhfly.com