div+css+js模拟tab切换效果事件绑定 IE,firefox兼容

更新时间：2009年12月18日 21:29:58 作者：

div+css+js模拟tab,这个版本,理论上可以添加无限个tab,而且,你只要管内容的添加行了,不需要改JS

div+css+js模拟tab, 我这个版本,理论上可以添加无限个tab,而且,你只要管内容的添加行了,不需要改JS
当然,你得会DIV才行.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>div+css+js模拟tab</title> <style></style> </head> <body> <div id="wrap"> <div id="header"> <ul> <li><a href="#"><span>框1111</span></a></li> <li><a href="#"><span>框2222</span></a></li> <li><a href="#"><span>框3333</span></a></li> <li><a href="#"><span>框4444</span></a></li> </ul> </div> <div id="ccc"> <div class="cont"> 这里是内容撒．111．．<br> 这里是内容撒．111．．<br> 这里是内容撒．111．．<br> </div> <div class="cont"> 这里是内容撒222．．<br> 这里是内容撒．222．．<br> 这里是内容撒．222．．<br> </div> <div class="cont"> 这里是内容撒．333．．<br> 这里是内容撒．333．．<br> 这里是内容撒．333．．<br> </div> <div class="cont"> 这里是内容撒．444．．<br> 这里是内容撒．444．．<br> 这里是内容撒．444．．<br> </div> </div> </div> <script type="text/javascript"></script> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

javascript设计模式之module(模块)模式
这篇文章主要为大家详细介绍了javascript设计模式之module(模块)模式，感兴趣的小伙伴们可以参考一下
2016-08-08
javascript 判断整数方法分享
本文介绍了使用javascript判断整数的2种方法中的一种正则判断，因为逐字判断效率太低下了，有相同需求的小伙伴们参考下
2014-12-12
javascript中typeof的使用示例
本文为大家介绍下javascript中typeof的使用，下面有个不错的示例，感兴趣的朋友可以参考下
2013-12-12
js实现简单掷骰子效果
这篇文章主要为大家详细介绍了js实现简单掷骰子效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-10-10
javascript实现一个网页加载进度loading
本篇文章主要介绍了javascript实现一个页面加载进度loading的具体步骤以及示例代码，具有一定的参考价值，下面跟着小编一起来看下吧
2017-01-01
JavaScript时间操作之年月日星期级联操作
这篇文章主要介绍了JavaScript时间操作之级联日期选择操作，涉及到年、月、日、星期，感兴趣的小伙伴们可以参考一下
2016-01-01
echarts修改横坐标颜色简单代码示例
这篇文章主要给大家介绍了关于echarts修改横坐标颜色的相关资料,在项⽬中常常会⽤到echarts的实例,根据不同的需求字体颜⾊需要变化,需要的朋友可以参考下
2023-07-07
每天一篇javascript学习小结（Array数组）
这篇文章主要介绍了javascript中的Array数组知识点，对数组的基本使用方法，以及各种方法进行整理，感兴趣的小伙伴们可以参考一下
2015-11-11
webpack的pitching loader详解
这篇文章主要介绍了webpack的pitching loader详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-09-09
js和canvas绘制圆形金属质感特效
在JavaScript中,可以使用HTML5提供的Canvas元素来进行绘图操作,要使用canvas元素,浏览器必须支持html5,Canvas是一个HTML元素,可以通过JavaScript来操作和绘制图形,本文示例实现js和canvas绘制圆形金属质感的诗词高级排版特效
2024-09-09