|
scjzs
- PageAdmin学员
- 136
- 325
- 2009-04-16
|
1#
t
T
发表于 2014-12-18 13:58
|只看楼主
加入如下CSS - /*tab切换*/
- .tab{clear:both;overflow:hidden}
- .tab .header{clear:both;height:25px;text-align:left;background:url(images/title_bg.gif) repeat-x 0 0;border:0 solid #BCD9F5;border-width:1px 1px 0px 1px;overflow:hidden}
- .tab .header .sign{float:left;height:25px;}
- .tab .header .more{float:right;font-weight:normal;height:21px;padding:4px 10px 0 0px;}
- .tab .header .more a{font-size:12px;line-height:15px}
- .tab .content{clear:both;border:1px solid #BCD9F5;border-width:0px 1px 1px 1px;padding:5px 5px 3px 5px;height:100%;}
- .tab .tab_t dd.current{background:url(images/sign_bg_over.gif) no-repeat 0 0;font-weight:bold;}
- .tab .tab_t dd{color:#003060;background:url(images/sign_bg.gif) repeat-x 0 0;float:left;width:80px;width:80px;height:21px;padding:4px 0
- 0 20px;cursor:pointer}
模块中启用代码模式输入如下代码 - <div class="tab">
- <div class="header">
- <dl id="t" class="tab_t">
- <dd class="currtab">网站公告</dd>
- <dd>系统简介</dd>
- <dd>最新模板</dd>
- <dd>论坛新帖</dd>
- </dl>
- </div>
- <div class="content">
- <dl id="c" class="tab_c">
- <dd>{pa:model}1,43,0,,0,,_self,5,50,150,150{/pa:model}</dd>
- <dd>{pa:model}1,43,0,,0,,_self,6,50,150,150{/pa:model}</dd>
- <dd>{pa:model}1,43,0,,0,,_self,7,50,150,150{/pa:model}</dd>
- <dd>{pa:model}1,43,0,,0,,_self,8,50,150,150{/pa:model}</dd>
- </dl>
- </div>
- </div>
- <script type="text/javascript">tabs("t","c","onmouseover")</script>
文章调用请自行根据自己网站设置，就是>>点击生成标签 这里可以生成调用代码 效果演示： www.pageadmin.net
|
