教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 js 多个选项卡效果代码

js 多个选项卡效果代码

发布时间:2016-11-23   编辑:jiaochengji.com
教程集为您提供js 多个选项卡效果代码等资源,欢迎您收藏本站,我们将为您提供最新的js 多个选项卡效果代码资源
本文章介绍这个js 多个选项卡效果代码,是同一个页面可以多次调用的tab选项卡效果,各位有需要了解学习的朋友可进入参考。
提示:您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>setTab</title> <script type="text/javascript"> function id(){ var ids=['settab1','settab2','settab3'] for(i=0;i<ids.length;i ){ document.getElementById(ids[i]).onmouseover=function(){ tab(this); } } function tab(name){ var tab_li=name.getElementsByTagName('ul')[0].getElementsByTagName('li'); for(i=0;i <ul class="clearfix"> <li class="tab_li">测试一</li> <li>测试二</li> <li>测试三</li> <li>测试四</li> <li>测试五</li> </ul>
第一个盒子
第二个盒子
第三个盒子
第四个盒子
第五个盒子
<ul class="clearfix"> <li class="tab_li">测试一</li> <li>测试二</li> <li>测试三</li> <li>测试四</li> <li>测试五</li> </ul>
第一个盒子
第二个盒子
第三个盒子
第四个盒子
第五个盒子
<ul class="clearfix"> <li class="tab_li">测试一</li> <li>测试二</li> <li>测试三</li> <li>测试四</li> <li>测试五</li> </ul>
第一个盒子
第二个盒子
第三个盒子
第四个盒子
第五个盒子
</body> </html></textarea>
提示:您可以先修改部分代码再运行

您可能感兴趣的文章:
jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能
js Tab选项卡特效代码
JQuery Tab选项卡效果代码改进版
js 选项卡效果的实例代码(图文)
纯 CSS 选项卡的实现例子
jquery自动切换tabs选项卡的实现代码
Jquery tab选项卡的实现代码
经典的jquery Tab 选项卡通用效果代码
结构/表现/行为完全分离的选项卡(jquery版和原生JS版)
Javascript中常用选项卡3种写法

[关闭]
最近更新
浏览排行
~ ~