鼠标移动实现标签自动切换
来源：互联网 发布：php存储base64 编辑：程序博客网 时间：2024/05/21 18:34
<html><head> <title></title><script type="text/javascript"> <!-- function ShowTabs(ID) { for (i = 0; i < 2; i++) { if (i == ID) { document.getElementById("TabTitle" + i).className = "titlemouseover"; document.getElementById("Tab" + i).style.display = ""; } else { document.getElementById("TabTitle" + i).className = "tabtitle"; document.getElementById("Tab" + i).style.display = "none"; } } } //--></script></head><body style="text-align:center;font-family:,serif;background:#fff;font-size:20px;"><div id="focusArticle"><div id="focusArticleTitle" style= "background-color:#FFF;background-color:#FFF"><ul><li style="display:inline" class="titlemouseover" id="TabTitle0" onmouseover="ShowTabs(0)"><a href="#">新闻</a></li><listyle="display:inline" class="tabtitle" id="TabTitle1" onmouseover="ShowTabs(1)" ><a href="#">视频</a></li></ul></div> <div id="Tab0" class="focusArticle_text" > <ul> <li class="hits6"><a href="#">今天是个好日子</a></li> <li class="hits6"><a href="#">几年默默名字几十周年庆典</a></li> <li class="hits6"><a href="#">333333333333333333333333</a></li> <li class="hits6"><a href="#">444444444444444444444444</a></li> <li class="hits6"><a href="#">555555555555555555555555</a></li> <li class="hits6"><a href="#">666666666666666666666666</a></li> <li class="hits6"><a href="#">777777777777777777777777</a></li> </ul> </div> <div id="Tab1" class="focusArticle_text" style="display: none;" > <ul> <li class="hits2"><a href="#">想看视频吗？</a></li> <li class="hits2"><a href="#">点击这里吧！</a></li> <li class="hits2"><a href="#">ccccccccccccccccccccccc</a></li> <li class="hits2"><a href="#">ddddddddddddddddddddddd</a></li> <li class="hits2"><a href="#">eeeeeeeeeeeeeeeeeeeeeee</a></li> <li class="hits2"><a href="#">fffffffffffffffffffffff</a></li> <li class="hits2"><a href="#">ggggggggggggggggggggggg</a></li> </ul> </div></div></body></html>
