<script>

            var picarr=[
"pic/lb1.jpg",
"pic/lb2.jpg",
"pic/lb3.jpg",
"pic/lb4.jpg"
]; //全局变量index控制当前所在第几张图片
var index=;
var timer;
var radiobtn= document.getElementsByClassName("tubiao")[].getElementsByTagName("span"); function autochang(index) {
var index=parseInt(index);
document.getElementsByClassName("content_1")[].style.backgroundImage="url("+picarr[index]+")";
for(var j=;j<radiobtn.length;j++){
radiobtn[j].className="";
}
radiobtn[index].className="actived";
} function change(index){
setInterval("autochang((index++)%radiobtn.length);",);
} //页面加载成功初始效果
change(index); //当鼠标点击点点的时候切换效果
for(var i=;i<radiobtn.length;i++){
radiobtn[i].index = i;
radiobtn[i].onclick=function () {
clearInterval(timer);
autochang(this.index);
index=this.index;
}
} //点击左箭头
document.getElementsByClassName("left_jiantou")[].onclick=function(){
index--;
if(index<){
index=radiobtn.length-;
}
autochang(index);
} //点击右箭头
document.getElementsByClassName("right_jiantou")[].onclick=function(){
index++;
if(index>=radiobtn.length){
index=;
}
autochang(index);
}
</script>

最新文章

  1. 移动Web利器transformjs入门
  2. linux命令grep及正则表达式
  3. adb shell
  4. css编写的时候注意什么
  5. QQ微信与智能家电连接一起 小马哥&quot;连接一切&quot;野心凸显
  6. CSRF(跨站请求伪造)攻击方式
  7. Linux的安装 CentOS-7.1
  8. spoj 39
  9. Node.js 集群
  10. Memcached - Base
  11. 云计算openstack共享组件(2)——Memcache 缓存系统
  12. Linux基础入门-Linux下软件安装
  13. Swoft 容器使用
  14. MM-移动类型
  15. cp/tar/用c语言编写程序 实现cp命令的效果
  16. semantic-ui 按钮
  17. vue 父子组件
  18. MFC+mongodb+nodejs 数据库的读取与写入操作
  19. HDU2157(SummerTrainingDay05-F dp)
  20. vue.js $refs和$emit 父子组件交互

热门文章

  1. UVALive - 3713 - Astronauts(图论——2-SAT)
  2. python实现数据结构单链表
  3. Spring Security(三十七):Part IV. Web Application Security
  4. IS创新之路 -- 都昌公司赋能型HIT企业发展之路
  5. 利用CocoaHttpServer搭建手机本地服务器
  6. js模块化世界
  7. DOTween 相关API效果
  8. XP_CMDSHELL 执行命令添加 windows 用户的方法
  9. 部署alinode监控线上应用
  10. rsync 远程拷贝