js简单手动（自动）切换
生活随笔
收集整理的這篇文章主要介紹了
js简单手动（自动）切换
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>Tab切換-自動</title><link type="text/css" rel="stylesheet" href="css/style.css"></head><body><div id="notice" class="notice"><div id="notice-tit" class="notice-tit" onMouseOver="tz();" onMouseOut="jx()"><ul><li class="select" onMouseOver="show(0)"><a href="#">公告</a></li><li onMouseOver="show(1)"><a href="#">規則</a></li><li onMouseOver="show(2)"><a href="#">論壇</a></li><li onMouseOver="show(3)"><a href="#">安全</a></li><li onMouseOver="show(4)"><a href="#">公益</a></li></ul></div><div id="notice-con" class="notice-con"><div class="mod" style="display:block"><ul><li><a href="#">張勇：要玩快樂足球</a></li><li><a href="#">阿里2000萬馳援災區！</a></li><li><a href="#">旅游寶讓你邊玩邊賺錢</a></li><li><a href="#">多行跟進阿里信用貸款</a></li></ul></div><div class="mod" style="display:none"><ul><li><span>[<a href="#">通知</a>]</span><a href="#">"濫發"即將換新</a></li><li><span>[<a href="#">通知</a>]</span><a href="#">比特幣嚴管啦！</a></li><li><span>[<a href="#">通知</a>]</span><a href="#">禁發商品名錄！</a></li><li><span>[<a href="#">通知</a>]</span><a href="#">商品屬性限制</a></li></ul></div><div class="mod" style="display:none"><ul><li><span>[<a href="#">聚焦</a>]</span><a href="#">金牌賣家再啟航</a></li><li><span>[<a href="#">功能</a>]</span><a href="#">櫥窗規則升級啦</a></li><li><span>[<a href="#">話題</a>]</span><a href="#">又愛又恨優惠劵 </a></li><li><span>[<a href="#">工具</a>]</span><a href="#">購后送店鋪紅</a></li></ul></div><div class="mod" style="display:none"><ul><li><a href="#">個人重要信息要管牢！</a></li><li><a href="#">賣家防范紅包欺詐提醒</a></li><li><a href="#">更換收貨地址的陷阱！</a></li><li><a href="#">注意騙子的技術升級了！</a></li></ul></div><div class="mod" style="display:none"><ul><li><a href="#">淘寶之行大眾評審贏公益金</a></li><li><a href="#">愛心品牌聯合征集</a></li><li><a href="#">名公益機構淘寶開店攻略</a></li><li><a href="#">走進無聲課堂</a></li></ul></div></div></div>
<script>var div = document.getElementById("notice");var li = div.getElementsByTagName("div")[0].getElementsByTagName("li");var con = div.getElementsByTagName("div")[1].getElementsByClassName("mod");function show(v) {for (var j = 0; j < li.length; j++) {if(v==j){li[j].className = "select";showw(j);}else{li[j].className = "";}}}a=0;function showw(v) {for (var j = 0; j < con.length; j++) {if(v==j){con[j].style = "display:block";a=v;}else{con[j].style = "display:none";}}} function showww(){show(a%li.length);a++;}var time = setInterval("showww()",500);function tz(){window.clearInterval(time);}function jx(){time = setInterval("showww()",500);}
</script></body>
</html>
轉載于:https://www.cnblogs.com/liu-heng/p/6826111.html
總結
以上是生活随笔為你收集整理的js简单手动（自动）切换的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： ios 常用数学函数
- 下一篇： Jquery Easy UI Datag