这个是偶实现的方法
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>最简单的多图切换</title> <link rel="stylesheet" href="base.css" /> <style> .banner{ width: 200px; height: 120px; margin: 80px auto 0 auto;} </style> <script type="text/javascript" src="jquery-1.10.1.min.js" ></script> </head> <body> <div class="banner"> <img src="img/aaa.png" id="slide" width="200" height="120"> </div> <script> $(function() { simpleSlide(); }); function simpleSlide(){ var index = 0; var arr = ['aaa.png', 'bbb.png', 'ccc.png']; setInterval(function(){ index == (arr.length - 1) ? index = 0 : index ++; $("#slide")[0].src = 'img/' + arr[index]; }, 4000); } </script> </body> </html>
结果群友(大树)实现了更简单的方法
function simpleSlide(){ var index = 0; var arr = ['aaa.png', 'bbb.png', 'ccc.png']; setInterval(function(){ index++; $("#slide")[0].src = 'img/' + arr[index%arr.length]; }, 4000); }
效果图:
相关推荐
NULL 博文链接:https://onestopweb.iteye.com/blog/2352787
NULL 博文链接:https://onestopweb.iteye.com/blog/2358690
NULL 博文链接:https://onestopweb.iteye.com/blog/2352931
NULL 博文链接:https://onestopweb.iteye.com/blog/2353474
JQ幻灯片,多图切换,自己修改出来的,贡献给大家了
jq代码切换图片
NULL 博文链接:https://onestopweb.iteye.com/blog/2354046
NULL 博文链接:https://onestopweb.iteye.com/blog/2357652
NULL 博文链接:https://onestopweb.iteye.com/blog/2356131
NULL 博文链接:https://onestopweb.iteye.com/blog/2352500
JQ JS javascript echarts 全国地图与各省市地图切换 地图点击切换 省市区地图切换
基于JQuery的大图横向切换效果源码,很适合用作banner特效,几乎兼容所有浏览器。
一款基于jQuery实现的一个页面多个选项卡切换特效,可多tab选项卡兼容使用的jq多个选项卡标签切换代码。
NULL 博文链接:https://onestopweb.iteye.com/blog/2352570
JQ轮播图,代码简单易懂,使用方便,实用性强,nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn
jQuery背景和banner图片一起切换全屏焦点图切换代码
jq多个选项卡标签切换代码
jQ品牌logo列表选项卡切换是一款软件公司网站选项卡切换品牌logo列表代码。
NULL 博文链接:https://onestopweb.iteye.com/blog/2328282