PageAdmin网站内容管理系统(CMS)交流论坛

注册

 

QQ登录

只需一步,快速开始

发新话题 回复该主题

一步一步教你TAB选项卡布局功能的实现(官网首页有演示) [复制链接]

1#

功能不能实现的原因终于找到了!

制作的时候对照你页面的源代码和官网的源代码,你会发现,以下这段代码根本就没有
<table height="25" cellspacing="0" cellpadding="0" width="100%" align="left" border="0">
    <tbody>
        <tr>
            <td><span class="template_sign" id="H_1" >新闻</span></td>
            <td><span class="template_sign_1" id="H_2" >产品</span></td>
            <td><span class="template_sign_1" id="H_3" >简介</span></td>
            <td><span class="template_more"><a id="More_id" href="/cn/article/lanmu_24_80.html">more </a></span></td>
        </tr>
    </tbody>
</table>
取而代之的是在代码前加
<div class="template_title"><span class="template_sign" id="H_1" onmouseover="show_Hide('Module_14')">升级公告</span> <span class="template_sign_1" id="H_2" onmouseover="show_Hide('Module_15')">模板速递</span> <span class="template_sign_1" id="H_3" onmouseover="show_Hide('Module_16')">系统简介</span> <span class="template_more"><a id="More_id" href="/article/lanmu_cn_24_80.html">more </a></span></div>
按照这个方法可以实现,不过页面有点乱,需要对CSS样式重新做定义,离成功不远了啊~~!
注:这里的'Module_14','Module_15','Module_16'是官方网站的ID,需要修改为你自己的ID号!
分享 转发
TOP
2#

新的问题又出来了,Display:none; 这个代码怎么才能去掉呢??

官方网站页面查看源代码:
<div id="Module_14" class="template_box" style="width:100%;">

本地测试的页面查看源代码:
<div id="Module_14" class="template_box_layout_left" style="width:50%;Display:none;">

在后面多了Display:none;,导致打开页面的时候,什么内容也没有,而当鼠标划过标题时才能显示出内容,望高手指点怎么修正,谢谢!!
TOP
3#

我是找不到<div id="Module_14" class="template_box_layout_left" style="width:50%;Display:none;">这段代码是在程序的哪个地方,怎么删呀!!!
你知道就告诉大家!
TOP
发新话题 回复该主题