首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
JavaScript
正文
div+css+js模拟tab切换效果 事件绑定 IE,firefox兼容
所属分类：
网络编程
/
JavaScript
阅读数： 1326
收藏 0
赞 0
分享
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> </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> </body> </html>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
更多精彩内容
其他人还在看
BootStrap数据表格实例代码
本文通过实例代码给大家分享了BootStrap数据表格的相关知识，感兴趣的朋友一起看看吧
评论 0
收藏 0
赞 0
分享
基于vue的短信验证码倒计时demo
这篇文章主要介绍了基于vue的短信验证码倒计时demo，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
详解React Native开源时间日期选择器组件(react-native-datetime)
本篇文章主要介绍了详解React Native开源时间日期选择器组件(react-native-datetime)，具有一定的参考价值，有兴趣的可以了解一下
评论 0
收藏 0
赞 0
分享
JS库particles.js创建超炫背景粒子插件(附源码下载)
particles.js用于创建粒子的轻量级 JavaScript 库。使用方法非常简单，代码也很容易实现，下面通过本文给大家分享JS库particles.js创建超炫背景粒子插件附源码下载，需要的朋友参考下吧
评论 0
收藏 0
赞 0
分享
JS库之Waypoints的用法详解
waypoints的功能非常强大，一款用于捕获各种滚动事件的插件，下面跟随脚本之家小编一起学习JS库之Waypoints的用法吧
评论 0
收藏 0
赞 0
分享
强大的JavaScript响应式图表Chartist.js的使用
本篇文章主要介绍了强大的JavaScript响应式图表Chartist.js的使用，具有一定的参考价值，有兴趣的可以了解一下
评论 0
收藏 0
赞 0
分享
详解wow.js中各种特效对应的类名
本篇文章主要介绍了wow.js中各种特效对应的类名 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
JS库之Highlight.js的用法详解
highlight.js是一款轻量级的Web代码语法高亮库。下面通过实例代码给大家分享JS库之Highlight.js的用法详解，感兴趣的朋友跟随脚本之家小编一起学习吧
评论 0
收藏 0
赞 0
分享
详解动画插件wow.js的使用方法
本篇文章主要介绍了动画插件wow.js的使用方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
JS库 Highlightjs 添加代码行号的实现代码
Highlightjs是一款优秀的代码高亮Js组件，可以很方便地对各种语言编写的代码添加语法高亮样式。本文重点给大家介绍Highlightjs 添加代码行号的实现代码，需要的朋友参考下吧
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
即使现在停产 微商面膜至少需需5年才能卖完
网赚之谈：做什么网站才能让我们草根站长有个出路
怎么才能做好移动互联网营销？
电脑系统下载类网站是怎么赚钱的？浅析电脑系统下载类网站的赚钱方式
短视频如何赚钱？短视频自媒体实操经验分享(真实)
2017自媒体账号申请及运营的几点建议
站长故事
更多
当iPhone6被上升成人民内部矛盾
某个人站长怎么用交友网站年赚80万的
一个年入80W的96年草根站长
创业失败：一个屌丝站长4年互联网的辛酸经历
我认识的中国第一网民高春辉
就是这7个步骤 让我6个月做到了100万用户
