js轮播广告
来源:互联网 发布:五毒风湿骨刺丹,淘宝网 编辑:程序博客网 时间:2024/05/22 13:28
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .on{ padding: 5px; background-color: #ccc; } .change{ background-color: red; color: white; padding: 5px; } </style> <script> var index=1; var t; function myfrist(){ var img = document.getElementById("img"); img.src="img/fre_"+index+".jpg"; var nums=document.getElementsByName("num"); for(var i=0;i<nums.length;i++){ if(i+1==index){ nums[i].className="change"; }else{ nums[i].className="on"; } } if(index<4){ index++; }else{ index=1; } } setInterval("myfrist()",3000); function myfrist1(j){ index=j; } </script> </head> <body> <img src="img/fre_1.jpg" id="img" width="100" height="100"> <p> <span name="num" class="on" onmouseover="myfrist1(1)">1</span> <span name="num" class="on" onmouseover="myfrist1(2)">2</span> <span name="num" class="on" onmouseover="myfrist1(3)">3</span> <span name="num" class="on" onmouseover="myfrist1(4)">4</span> </p> </body></html>
阅读全文
1 0
- js轮播广告
- js轮播广告,CSS兼容所有浏览器,无Bug
- 总结广告轮播书写方式(一.js原生)
- 原生JS,jQuery分别实现广告轮播
- 广告轮播效果
- jquery 广告轮播
- scrollView广告轮播
- IOS 轮播广告
- ScrollView广告轮播
- iOS 广告轮播
- 广告轮播
- 广告轮播
- 广告轮播功能
- 轮播广告-imageslider
- 广告轮播
- 广告轮播Banner
- Android轮播广告
- 自定义广告轮播
- C. Naming Company
- [标签:标题]
- 截取地址后的参数 乱码转化为汉字
- 观察者模式与事件驱动模式实例比较
- QT支持XP
- js轮播广告
- 其他信息: 混合模式程序集是针对“v2.0.50727”版的运行时生成的,在没有配置其他信息的情况下,无法在 4.0 运行时中加载该程序集
- Gradle中的buildScript代码块
- 自己写了一个js切割方法
- GRID布局
- 循环队列(用标志位实现方法)
- 润乾V4 查询时20条一页导出时5w一页来进行分页
- 技术评审到底需要评审哪些东西
- SpringBoot Web应用返回JSP页面配置