产品使用及交流论坛

首页 » 产品使用交流区 » 安装及使用交流 » 求助,官方选项卡怎么做啊?
mzmaomao - 2013/3/17 10:33:47

3899

这个怎么做啊,哪位大虾指点下!!
异度人生 - 2013/3/17 19:38:39
回复 1楼mzmaomao的帖子

官方选项卡代码:<style type="text/css">
.tabheadstyle{clear:both;height:25px;text-align:left;background:url(/e/css/images/title_bg.gif) repeat-x 0 0;border:0 solid #BCD9F5;border-width:1px 1px 0px 1px;overflow:hidden}
.tabheadstyle dd{color:#003060;background:url(/e/css/images/sign_bg.gif) repeat-x 0 0;float:left;width:80px;width:80px;height:21px;padding:4px 0 0 20px;cursor:pointer}
.tabheadstyle dd.current{background:url(/e/css/images/sign_bg_over.gif) no-repeat 0 0;font-weight:bold;} /* 当前选项卡标题样式,默认名:current */
.tabcontentstyle dd{clear:both;border:1px solid #BCD9F5;border-width:0px 1px 1px 1px;padding:5px 5px 5px 5px;height:100%}
</style>

<dl id="tabhead"  class="tabheadstyle">
<dd>选项1</dd>
<dd>选项2</dd>
<dd>选项3</dd>
</dl>
<dl id="tabcontent"  class="tabcontentstyle">
<dd>内容1</dd>
<dd>内容2</dd>
<dd>内容3</dd>
</dl>
<script type="text/javascript">
tabs("tabhead","tabcontent","onmouseover");
//tabs方法的简化调用(3个必填参数),前两个参数分别为标题和内容区的id,第三个参数可选onmouseover或onclick
//完整参数调用写法(6个参数): tabs("tabhead","tabcontent","dd","dd","current","onmouseover")
</script>
xiaoxi - 2013/3/18 9:52:55
放什么地方啊
mzmaomao - 2013/3/18 16:49:59
偶是纯用户级菜鸟,想知道该怎么操作,而且效果就是官方这样的效果。
2楼师傅说的我在其他贴子也看到过,可做出来的效果和官方的不一样啊。。。
1
查看完整版本: 求助,官方选项卡怎么做啊?