说到做广告图片的切换效果，咱们常用的就是JavaScript或者Flash啦。方法也挺多的，简单说说几个常见思路：
数字按钮控制切换
页面上放上“1 2 3 4 5”这些数字，鼠标点哪个数字，咔嚓一下换成对应图片。如果用户不点，图片会自动切换，循环往复，超方便。相当于给用户和页面都留了切换的自由。代码实现也超简单，网上很多教程和源码，比如这儿有个参考链接（http://www.blueidea.com/common/shoutbox/redir.asp?5=x&id=10895），可以直接拿来用。
左右方向键和箭头按钮切换
用JS或jQuery监听键盘左右键，按一下图片往前后切换。还有页面上的箭头按钮点一下，图片切换的同时按钮还会稍微往上浮，给用户一个“我被点中了！”的视觉反馈。样式用CSS控制，代码像这样：
menu{overflow:hidden;}
menu li{float:left;margin-right:10px;width:80px;height:30px;line-height:30px;text-align:center;}
menu li.current{margin-top:-10px;}
结合一点小JS，效果非常酷。
Flash做幻灯片切换效果
早期Flash挺流行的，做幻灯片那叫一个方便。比如设置自动播放时间、文字颜色、背景色这些参数，都能调整得妥妥的。不过现在Flash有点过时了，主要就是用来参考下思路，大家更多还是用JS做动态效果啦。
这里说说用JS写个简单摇奖程序的小技巧，超级实用哦：
准备图片序列
图片命名最好有规则，比如img1.jpg，img2.jpg……这样操作起来就方便多了，JS选图片时数字递增或随机都很顺。
实现快速切换效果
利用setTimeout或setInterval，让三张图片快速轮流显示，看起来就像在转盘。代码示例大致是：
js
setTimeout(functionName, 时间);
配合Math.floor(Math.random()*目标图片数量)+1，能随机切换，嗖嗖嗖，停不下来。
控制停止时机和获奖判断
摇奖按钮点下去，程序判断按钮的状态（比如value值），然后停下转动的图片，把最终显示的三张图片名字拿出来比对，最后判断是不是中奖，运气好时还能爽歪歪呢！
代码灵活度高
你还可以在方法里绑定事件，比如点击数字或箭头，调用切换函数，图片src切换到对应地址，一切尽在掌控。
顺便说一句，这些JS效果其实就是我们常说的“JS特效”啦，JavaScript不只是让页面变美，它还能活跃气氛，让网站酷炫又亲切。
用JS制作图片切换效果难吗？
哎呀，真的不难啦！尤其是现在各种库和教程满天飞，只要你会点基础HTML和JS，直接拿着代码改改图片路径、按钮样式，马上能做出酷炫的切换效果，超级爽！而且效果很灵活，自动切换或者手动点击都能轻松搞定，喜欢折腾的朋友绝对值得一试！
Flash还适合用来做图片切换吗？
说实话，Flash现在已经基本凉了，大部分浏览器都不太支持，手机上就更不用说了。不过如果你手头有老项目或者想搞点复杂动画，Flash还是挺神奇的。要是想兼顾现代感和超广泛的兼容性，更建议用JavaScript或者HTML5相关技术，效果更炫酷，体验也更棒！
JS摇奖程序怎么让图片快速切换？
其实就是用了setTimeout或setInterval，让图片源在一定时间内不断改变，眼花缭乱的快速切换，给用户一种图片在转的感觉。等用户点停止按钮时立马停下来，拿最后的几张图片判断，你看，真的简单又好玩！如果你是编程小白，建议先撸点简单代码，试试就上瘾！
怎样实现点击数字按钮切换图片的功能？
超简单！给数字按钮绑定点击事件，一旦点了根据按钮对应的数字，将图片src路径换成对应图片地址。再加上一个自动切换的定时器，不点就自己轮播，点了马上切换，这样用户体验超赞。而且这个交互非常自然，能增加网页互动性，谁受得了这么酷炫的效果呀！
添加评论