PageAdmin网站内容管理系统(CMS)交流论坛
ryj1976 - 2009/6/5 13:39:00
第一步:
网站栏目管理---模块样式设置
新建个模块样式TAB(名字自己随便取)
点击:模块设置--模块容器样式中写上Display:none;
第二步:
网站栏目设置:选择你所需建的页面,例首页。点击“栏目管理”里的模块设置进入。新建模块名称,"TAB选项卡"(名字自己随便取)
点击右边小箭头进入:选择隐藏默认模块标志。在自定义头信息里以源代码状态写入以下内容:
<script language=javascript>
function show_Hide(id)
{
Module1=document.getElementById("Module_19");
Module2=document.getElementById("Module_20");
Module3=document.getElementById("Module_22");
H1=document.getElementById("H_1");
H2=document.getElementById("H_2");
H3=document.getElementById("H_3");
MoreID=document.getElementById("More_id");
Module1.style.display="none";
Module2.style.display="none";
Module3.style.display="none";
H1.className="template_sign_1";
H2.className="template_sign_1";
H3.className="template_sign_1";
switch(id)
{
case "Module_19":
Module1.style.display="";
H1.className="template_sign";
MoreID.href="/cn/article/lanmu_24_80.html";
break;
case "Module_20":
Module2.style.display="";
H2.className="template_sign";
MoreID.href="/cn/article/lanmu_22_59.html";
break;
case "Module_22":
Module3.style.display="";
H3.className="template_sign";
MoreID.href="/cn/introduct/lanmu_24_57.html";
break;
}
}
//注释:template_sign_1和template_sign分别表示鼠标离开或经过的样式
</script>
<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>
模块的ID可以在后台鼠标移动到模块名称行上时会显示,也可以自看前台源代码中的ID。
第三步:同第二步……依次建立选项卡模块内容“新闻”、“产品”、“简介”。
并依次点击右边的小箭头进入:选择隐藏默认模块标志。在模块风格中选择“TAB”(第一步您建立的模块样式)。
OK!大功告成。。。:D
xiyou - 2009/6/5 14:04:00
不错
qylijian - 2009/6/9 16:32:00
不行啊.做了显示不出来....
qylijian - 2009/6/11 15:17:00
研究了两天,终于搞出来了....
bigcbird - 2009/6/18 8:13:00
照上面这么大哥说的还是做不出来啊,能不能说的再详细点,谢谢啊!
text12345 - 2009/6/18 11:58:00
做不出来,算了,俺水平太低
wrchina - 2009/6/18 16:34:00
按照您的说明操作没有成功 请问下您所说的ID 是不是那个三个19 20 22 三个地方改??
xiyou - 2009/6/18 16:49:00
对,每个模块ID要根据自己网站情况来改,ID可以把鼠标移动到后台模块名称会提示的
wrchina - 2009/6/18 18:10:00
楼上这位大哥
<script language=javascript>
function show_Hide(id)
{
Module1=document.getElementById("Module_19");
Module2=document.getElementById("Module_20");
Module3=document.getElementById("Module_22");
H1=document.getElementById("H_1");
H2=document.getElementById("H_2");
H3=document.getElementById("H_3");
MoreID=document.getElementById("More_id");
Module1.style.display="none";
Module2.style.display="none";
Module3.style.display="none";
H1.className="template_sign_1";
H2.className="template_sign_1";
H3.className="template_sign_1";
switch(id)
{
case "Module_19":
Module1.style.display="";
H1.className="template_sign";
MoreID.href="/cn/article/lanmu_24_80.html";
break;
case "Module_20":
Module2.style.display="";
H2.className="template_sign";
MoreID.href="/cn/article/lanmu_22_59.html";
break;
case "Module_22":
Module3.style.display="";
H3.className="template_sign";
MoreID.href="/cn/introduct/lanmu_24_57.html";
break;
}
}
//注释:template_sign_1和template_sign分别表示鼠标离开或经过的样式
</script>
<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>
是改
Module1=document.getElementById("Module_19");
Module2=document.getElementById("Module_20");
Module3=document.getElementById("Module_22");
还有: case "Module_19": case "Module_20": case "Module_22": 这六个地方吗?? 是错了还是还有别的地方要改?
麻烦您再指导详细点 我还没有搞明白!谢谢!
chezi - 2009/6/19 16:32:00
我也想做一个
按照上面的做了怎么显示不出来
哪位大哥谁能够详细的说一下改哪些地方?
bgl606 - 2009/6/20 11:00:00
作出来是啥效果啊 发个图看看呗
wrchina - 2009/6/20 12:02:00
bigcbird - 2009/6/22 14:24:00
我按照你做的也是上面那位的那种效果,你图文演示,来个清楚的呗,谢谢啦
chezi - 2009/6/24 11:31:00
这个问题高人再解答一下啦
maxiancheng - 2009/7/1 14:59:00

您所在的用户组无法下载或查看附件
默认是上面样式 内容都给隐藏了 鼠标移上去才显示内容,怎么把他在开始状态下就显示下面的

您所在的用户组无法下载或查看附件
第一个DIV代码为 <div id="Module_36" class="template_box_layout_left" style="width:50%;display:none;">
怎么把display:none;去掉
maxiancheng - 2009/7/1 15:06:00
搞定
8548com - 2009/8/17 10:27:00
可以教我做这个效果不,做了好久,做不出来
tan0620 - 2009/8/18 9:16:00
顶上去!~我也是按照楼主说的做的,ID也改了,但就是鼠标经过的时候没有变化,什么原因,请教达人!~
tan0620 - 2009/8/19 8:28:00
顶上去!~我也是按照楼主说的做的,ID也改了,但就是鼠标经过的时候没有变化,什么原因,请教达人!~
(每日一顶啊)
tan0620 - 2009/8/19 10:21:00
研究2天了,还是没搞明白,鼠标划过去就是没反应。。。:~
xiyou - 2009/8/19 10:37:00
没有变化那是因为没有触发函数,这个需要看到你网站后台才知道什么问题
lwsgpscom - 2009/8/26 19:54:00
发个详细的教程好不好?
adanty - 2009/9/17 13:30:00
制作的时候对照你页面的源代码和官网的源代码,你会发现,以下这段代码根本就没有
<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号!
adanty - 2009/9/17 15:50:00
官方网站页面查看源代码:
<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;,导致打开页面的时候,什么内容也没有,而当鼠标划过标题时才能显示出内容,望高手指点怎么修正,谢谢!!
pfreestar - 2009/9/17 20:17:00
呵呵,您能做那么多竟然不会删除Display:none字符呀?如果光标在前面就按"Delete"键,如果光标在后面就按回档键(BackSpace)
adanty - 2009/9/17 21:44:00
我是找不到<div id="Module_14" class="template_box_layout_left" style="width:50%;Display:none;">这段代码是在程序的哪个地方,怎么删呀!!!
你知道就告诉大家!
pfreestar - 2009/9/17 23:02:00
呵呵,我都被您弄得糊涂了,不知道您是做到哪一步了,说实在我会做但不知如何表达出来好,操作性比较强,代码是没多少,如能看懂代码。修改成自己的是很容易的。这个是不能直接照搬的。所以得强制看代码,看到js不懂的去查看js相关资料,看到css不懂的,去查看css相关资料。看到div不懂的去查看div相关资料。直到看懂了,再来对照来做自己的就轻松了。自己做出来了相信您已大大进步了。原来鄙人是这么做的。希望对您有帮助:)
lanbeisite - 2009/9/18 17:30:00
搞了N久终于搞定 彻底明白了那句话尽信书不如无书 原来所谓教程是不可以照抄的
原帖由 pfreestar 于 2009-9-17 23:02:00 发表 呵呵,我都被您弄得糊涂了,不知道您是做到哪一步了,说实在我会做但不知如何表达出来好,操作性比较强,代码是没多少,如能看懂代码。修改成自己的是很容易的。这个是不能直接照搬的。所以得强制看代码,看到js不懂的去查看js相关资料,看到css不懂的,去查看css相关资料。看到div不懂的去查看div相关资料。直到看懂了,再来对照来做自己的就轻松了。自己做出来了相信您已大大进步了。原来鄙人是这么做的。希望对 |
楼上这短话深有体会 我是实在给逼急了 一个词一个词在百度上搜的 终于彻底明白了 楼主这段代码的意思
也发现了 楼主的代码中竟然没有 鼠标触发事件的代码 对了半天主页的源码发现了官方主页上有这么段属性 (就如
adanty所说 55555您要早发几天帖子 我就省点力气了 )
然后加入TAB 宽度高度定义 好的,基本可以入眼了 前后两位达人发的帖子都有误导,第一位根本没有 鼠标指向时的触发事件 第2位想说这件事 举例子的时候表达错误,就像说应该把A 改成A 实在是让人看不懂
真的是尽信书不如无书 靠人终须靠己
回
adanty 你所问的 Display:none 如果我没理解错的话 应该是你本地测试的时候 无模块内容你看到本地代码多这个属性吧 其实另一个帖子里已经讲过这个问题 你Module_14 这个模块的设置里 风格选默认 不要选你自定义了 模块容器为 Display:none 就可以把它去掉了 就可以直接显示该模块内容了
yacfan - 2009/9/21 0:04:00
楼上的.既然你也做出来了.能否告诉我一下.谢谢.我也想做一个.
lanbeisite - 2009/9/21 16:27:00
偶也只是画了个瓢 还有点小问题没解决