鼠标滑过TAB选项卡切换demo 可拓展
2014-11-26 10:41
302 查看
<html>
<head>
<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>
<ul>
<ul>
<li class="titlemouseover" id="TabTitle0" onmouseover="ShowTabs(0)">测试</li>
<li class="tabtitle" id="TabTitle1" onmouseover="ShowTabs(1)" >test</li>
</ul>
<div id="Tab0" >
<ul>
<li>测试</li>
</ul>
</div>
<div id="Tab1"style="display: none;" >
<ul>
<li>test</li>
</ul>
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JQUERY滑动选项卡自动切换鼠标滑过选项卡标签滑动切换选项卡
- 鼠标滑过选项卡切换图片
- tab选项卡切换效果（一）——滑过切换和点击切换
- vue小demo之tab选项卡切换
- tab选项卡在鼠标经过时实现切换延迟
- 超好用的简单的jquery tab选项卡切换代码（点击切换和导航栏滑过）
- js鼠标经过tab选项卡时实现切换延迟
- JQUERY滑动选项卡自动切换鼠标滑过选项卡标签滑动切换选项卡
- 鼠标虚滑过选项卡切换效果代码实例
- 一个页面可以重复调用的TAB选项卡切换js代码 鼠标悬浮
- jquery实现tab标签选项卡自动切换效果
- jquery实现TAB选项卡鼠标经过带延迟效果的方法
- tab选项卡切换后 刷新页面如何停留在当前选项卡页面
- 简单纯js实现网页tab选项卡切换效果
- jquery实现tab选项卡切换效果（悬停、下方横线动画位移）
- JavaScript实现简单的tab选项卡切换
- jQuery实现的Tab滑动选项卡及图片切换(多种效果)小结
- Android实战——Fragment实现底部tab选项卡切换
- js+css实例超漂亮tab切换选项卡代码
- Jquery tab 选项卡 无刷新切换[带演示]