picTimer = setIntervalfunction showPicsindexindex++ifindex == len index = 0 ，4000 此4000代表自动播放的间隔，单位毫秒；容器对象，滑动对象，切换数量 var SlideTrans = function container， slider， count， options this_slider = $$sliderthis_container = $$container 容器对象 this_timer = null 定时器 this_count = Mathabscount 切换数量 this_target = 0 目标值 th。

1焦点图分为多种 1234 切换的那种 小点点切换的那种 左右切换的那种 如下图好多种类型的 ，今天给你写一下最简单的 1234 的 焦点图切换2首先电脑上 ps处理好 470PX * 150px的图片三四张为了方便观看效果最好三张以上处理完成后 如下图 放在同一个文件夹中 3电脑上安装；特点通过按钮或滚轮切换图片，类似翻牌效果，增加图片浏览的趣味性演示与源码提供在线演示与源码下载HTML5图片切换焦点图应用 特点图片下方有投影，形成立体视觉效果，图片切换方式多样，适用于图片展示网站演示与源码提供在线演示与源码下载HTML5粒子效果的文字动画 特点实现每个文字的逐帧播。

用时间轴和层，隐藏和显示，或者用时间轴和直接的图像交换行为结合；企业宣传册而且是HTML5形式的话，在我理解要点如下1图片能够放的比较多而且展示形式要多样化，比如轮播图焦点图画册横版竖版等等2传播方式要简单方便，最好能通过时下流行的二维码或者社交工具进行传播3提供多媒体功能并且要丰富有趣，比如常用的背景音乐交互动画视频等等满足如上。

思路使用javascript定时器函数setTimeout每隔一定的毫秒间隔数执行动作，在执行的动作中循环替换图片的src属性树立演示如下1HTML结构 ltimg src=quot1pngquot id=quottestquot 2javascript代码 function changenifn5 n=1 一共5张图片，所以循环替换documentgetElementByIdquottestquot；lt！焦点图开始免激活惟零工作家园 ltscript language=javascript src=flashindex_picjsltscript ltdiv id=quotflashcontentquot style=quotbackgroundcolor#ffffffquot This text is replaced by the Flash movieltdiv ltscript type=quottextjavascriptquot lt！ v。

lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitleDocumentlttitle ltlink rel=quotstylesheetquot href=quotcsscssquot ltscript type=quottextjavascriptquot src=quotlrtkjsquotltscript lthead ltbody lt！ 代码 开始 lt！ 代码 结束 ltbody lthtml 第。

lt！DOCTYPE htmllthtmlltheadlttitle图片轮播代码lttitleltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=10，maximumscale=10，minimumscale=10，userscalable=0quotltheadltstyle type=quottextcssquot bodymaxwidth 640pxmargin 0 aut；this_count = Mathabscount 切换数量 this_target = 0 目标值 this_t = this_b = this_c = 0 tween参数 thisIndex = 0 当前索引 thisSetOptionsoptionsthisAuto = thisDuration = MathabsthisTime =。

自己加五张图片，然后lt！doctype html lthtml lthead lt！声明当前页面的编码集charset=gbk，gb2312中文编码，utf8国际编码 ltmeta；lthead ltmeta charset=quotUTF8quot lttitleDocumentlttitle ltlink rel=quotstylesheetquot href=quotcsscssquot ltscript type=quottextjavascriptquot src=quotlrtkjsquotltscript lthead ltbody lt！ 代码 开始 lt！ 代码 结束 ltbody lthtml 第三个问题是改滚动时间，默认是3秒即。

在效果方面，HTML5页面可以实现触屏焦点图触屏Tab切换触屏多图切换等功能，这为用户带来了良好的互动体验其优点在于1 不需要使用jQuery，减少了页面加载时间，提升了页面性能2 文件大小仅为6k，在同类框架中是最小的，降低了服务器压力3 可以在一个HTML文件中多次调用，提高了代码复用性；var ex = function o for var k in o thisk = ok return this var ui = function id return documentgetElementByIdid var func = function tag return excall， thisgetElementsByTagNametag var each = function a， fn for va。