您当前位置：首页 > web前端 > 特效 > JS图片切换效果，结合CSS仿淘宝的幻灯代码

JS图片切换效果，结合CSS仿淘宝的幻灯代码

来源：程序员人生发布时间：2013-10-26 01:00:52 阅读次数：3484次

　　JS图片切换效果，结合CSS仿淘宝taobao首页轮播原生js面对对象封装版，刚学习JS面向对象，今天周末没地方应聘就在租的地方倒腾点东西，可能不入各位牛人的法眼，不过能帮小弟分析分析代码，小弟就不甚荣幸。我用的是改变透明度的办法，图片是淘宝的首页图片，最大限制是5张图片轮播，好像这个又叫焦点图来着。。。反正我是叫轮播。。。

　　演示：

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK" /><title>taobao首页轮播原生js面对对象封装版</title><style></style><script></script></head><body><center><h1>Author:wyf</h1><p>2012/2/24</p></center><div id="box"></div></body></html><div style="text-align:center;margin:30px 0 0 0;"><hr style="color:#999;height:1px;">如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.wfuyu.com/' target='_blank'>http://www.wfuyu.com/</a></div>
提示：可修改后代码再运行!

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

------分隔线----------------------------

上一篇 javascript初学者:全面学习对象概念

下一篇 Ajax+Javascript动态生成文本输入框

分享到:

------分隔线----------------------------

为码而活

积分：4237

15粉丝

7关注

栏目热点