首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
JavaScript
正文
div+css+js模拟tab切换效果 事件绑定 IE,firefox兼容
所属分类：
网络编程
/
JavaScript
阅读数： 1302
收藏 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需再刷新一下页面才能执行
]
更多精彩内容
其他人还在看
js实现图片上传预览原理分析
这篇文章主要为大家详细介绍了js实现图片上传预览的原理，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
评论 0
收藏 0
赞 0
分享
Angular限制input框输入金额（是小数的话只保留两位小数点）
最近做项目遇到这样的需求输入框要求输入金额，只能输入数字，可以是小数，必须保留小数点后两位。下面分为两部分代码给大家介绍实现代码，需要的的朋友参考下吧
评论 0
收藏 0
赞 0
分享
详解vue-cli + webpack 多页面实例配置优化方法
本篇文章主要介绍了详解vue-cli + webpack 多页面实例配置优化方法，具有一定的参考价值，有兴趣的可以了解一下
评论 0
收藏 0
赞 0
分享
详解React-Native解决键盘遮挡问题（Keyboard遮挡问题）
本篇文章主要介绍了React-Native解决键盘遮挡问题（Keyboard遮挡问题），具有一定的参考价值，感兴趣的小伙伴们可以参考一下
评论 0
收藏 0
赞 0
分享
JavaScript反弹动画效果的实现代码
本文通过实例代码给大家介绍了js反弹动画效果的实现代码，需要的朋友参考下吧
评论 0
收藏 0
赞 0
分享
解决vue2.x中数据渲染以及vuex缓存的问题
本篇文章主要介绍了vue2.x中请求之前数据显示以及vuex缓存的问题，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
评论 0
收藏 0
赞 0
分享
jsonp跨域请求详解
这篇文章主要为大家详细介绍了jsonp跨域请求的相关资料，激活了所有接口支持浏览器跨域请求的封装，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
评论 0
收藏 0
赞 0
分享
解决vue里碰到 $refs 的问题的方法
本篇文章主要介绍了解决vue里碰到 $refs 的问题的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
js自定义弹框插件的封装
这篇文章主要为大家详细介绍了js自定义弹框插件的简单封装，自己封装一个弹框插件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
评论 0
收藏 0
赞 0
分享
深入理解vue $refs的基本用法
本篇文章主要介绍了深入理解vue $refs的基本用法 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
儿子网购Q币被骗 父亲怒找客服投诉又被骗
网站赚钱就靠广告到底行不行？
如何适当提高垃圾站Google
2017自媒体账号申请及运营的几点建议
在校大学生利用网络可以做什么?在校大学生利用网络赚钱方式介绍
Papi酱首次直播的八大平台是哪些 打赏90万服不服
站长故事
更多
有钱就是任性 2014年科技界大佬十大惊人语录
曾与前苹果CEO搭档 Zeta公司营收过亿美元背后的经验与教训
写给所有站长：其实没必要参加SEO培训
从月薪3500到身价3千万
浅谈网站站长之现状
浅析将两个月的新站做到权重4的方案
