3简单的代码示例如下lt！DOCTYPE html jquery轮播效果图 * padding 0px margin 0px a textdecoration ul liststyle outside slider， sl。

lt！DOCTYPE html图片轮播代码 bodymaxwidth 640pxmargin 0 auto #lunbo ul liwidth100%liststyle width640px height250pxbackgroundcolor #f00textalign center。

焦点图效果是javascript代码 lt！ var focus_width=860 var focus_height=410 var text_height=0 var swf_height = focus_height+text_height var pics=#39imagesjpgimagesjpgimagesjpgimages。

#big_imgboxquotstopquot#big_imgboxquotanimateleft#39845#39*dog_i+#39px#39ifdog_iltdog_countdog_i++elsedog_i=0 移动焦点图的主函数当m_over为true的时候主函数运行，焦点图轮播。

上网搜 js图片滚动浏览，scroll box。

1打开软件dreamweaver8写如下代码，如图调用CSS样式调用JS插件代码 lt！效果html开始 function var aPage = $#39#main page a#39分页按钮 var aImg = $#39#main box img。

你好这段代码是轮播图的自动切换其中还设置了鼠标移入移出的效果setInteval函数是个定时器，两个参数一个是执行的函数，一个是时间间隔就是根据给定的的时间间隔单位是毫秒执行函数setIntervalautoChange，3000。

当然也可以使用一些现成的轮播图插件，题主可以自己百度，这里对比举例说明一下settimeout和requestanimationframe的用法用setTimeout实现在控制台循环输出hello worldfunction fun consolelog#39hello world#39。

lt！焦点图开始免激活惟零工作家园 This text is replaced by the Flash movie lt！ var swf_width=305 var swf_height=188 参数设置 自动播放时间秒文字。

吧 lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotquot 无标题文档 var n=0function Meavalue n=valuesetBgvalueplaysvalueconausn function setBgvalue forva。

直接贴代码注意要引入一个jqueryjs，还有里面放五张图片1jpg，2jpg，3jpg，4jpg，5jpglt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml。

1红框为一个容器DIV，overflowhidden2容器里边有三个横向排列的图片，可以用ULLI来做由于容器的OVERFLOW所以2和3是看不见的3下图，调整容器里边元素如UL的左外边距为负值，达到图二的效果4之后就。

接下来我们就正式的添加轮播图了，这里先添加三张图，如下图所示，注意让哪种轮播图显示直接调用Bootstrap的active样式即可 05 轮播图片添加完毕以后，就可以添加轮播图焦点了在Bootstrap中运用li列表定义轮播图焦点，注意焦点的。

mouseover时清除一下计时器，并不需要调用showpicn因为你鼠标悬浮是想要停止自动切换clearTimeoutt再帮一个moverout事件，里鼠标移出重新开始计数器。

lt！css，js margin0padding0 bodyfontsize12pxfontfamilyquot微软雅黑quotcolor#666height1500px imgborder0 *banner start* bannerwidth100%height350pxmargintoppx。

使用innerHTML插入的JS不会被执行的，这就是你直接用HTML可以，但放到JS里就不行的根本原因。

焦点图，又叫幻灯片，一般是处于网页导航nav底部的图片切换效果一般由超过两张以上的图片组成，或左右，或上下切换焦点图就是图片广告切换展示效果在网站很明显的位置，用图片组合播放的形式，类似焦点新闻的意思只。