Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 js 选项卡菜单

js 选项卡菜单

发布时间:2017-08-23   编辑:www.jquerycn.cn
jquery中文网为您提供js 选项卡菜单等资源,欢迎您收藏本站,我们将为您提供最新的js 选项卡菜单资源
js 选项卡菜单
提示:您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style type="text/css"> .clearfix:after{ content:".";display:block;height:0;clear:both;visibility:hidden; } .clearfix{ display:inline-block; } * html .clearfix,* html{ height:1%; } .clearfix{ display:block; } .clear{ border-top:1px solid transparent!important;border-top:0;clear:both;line-height:0;font-size:0;height:0;height:1%; } .goods-detail-tab{ margin:30px 0 0 0;background:url(http://www.zzsky.cn/effect/images/201002070930/tabsepbg.gif) repeat-x 0 1px;padding-left:5px;overflow:visible; } .goods-detail-tab div{ cursor:pointer;background:url(http://www.zzsky.cn/effect/images/201002070930/tabs_common.gif) no-repeat;color:#666;display:block;float:left;height:17px;padding:4px 2px;text-align:center;width:91px; } .goods-detail-tab .active{ background:url(http://www.zzsky.cn/effect/images/201002070930/tabs_on.gif) no-repeat;color:#000;display:block;font-size:14px;font-weight:bold;height:28px;position:relative;margin-bottom:-4px;margin-top:-8px;padding-top:6px;width:117px; } </style> </head> <body>
<span>商品详情</span>
<span>购买咨询</span>
<span>商品评论</span>
1111111111
2222222222
3333333333
<script type="text/javascript"> var tab = document.getElementById('tabs').getElementsByTagName('div'); var kbs = document.getElementById('ka').getElementsByTagName('div'); function put_css(id){ for(var k=0;k<tab.length;k ){ if(id-1 == k){ tab[k].className = 'goodsDetailTab active'; kbs[k].style.display = 'block'; }else{ tab[k].className = 'goodsDetailTab'; kbs[k].style.display = 'none'; } } } put_css(1);
提示:您可以先修改部分代码再运行

您可能感兴趣的文章:
基于JQuery的6个Tab选项卡插件
英雄联盟游戏卡如何设置 英雄联盟游戏卡最低配置要求
卡巴斯基防护密码忘记了如何卸载?
逆战游戏卡如何设置 逆战游戏卡问题分析
jQuery选项卡插件 MagicTabs
Ideapad Y470机型运行游戏卡、涩、慢的处理方法
js tab 切换选项卡
斗鱼tv很卡怎么办 斗鱼tv解决很卡方法
JavaScript 实例
Win8/8.1下IE11浏览器启用和禁用关闭多个选项卡时发出的警告

[关闭]