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

注册

 

QQ登录

只需一步,快速开始

发新话题 回复该主题

这个是怎么做的 [复制链接]

1#
官方“升级公告 模板速递 系统简介 more ”是怎么做的
无标题2.jpg (, 下载次数:502)

jpg(2009/5/7 15:00:41 上传)

无标题2.jpg

分享 转发
TOP
2#



先增加一个模块,模块名称后面那个掉图标中进入,自定义头信息中制作出控制条样式,并编写JS代码来控制下面的三个模块的显示和隐藏,

再增加三个模块,把这三个模块的标题都隐藏起来。

官方网站自定义头信息中内容可以在首页源代码中看到,可以参考
<script language=javascript>
function show_Hide(id)
  {
Module1=document.getElementById("Module_14");
Module2=document.getElementById("Module_15");
Module3=document.getElementById("Module_16");
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_14":
          Module1.style.display="";
          H1.className="template_sign";
          MoreID.href="/cn/article/lanmu_24_80.html";
       break;
       case "Module_15":
          Module2.style.display="";
          H2.className="template_sign";
          MoreID.href="/cn/article/lanmu_22_59.html";
       break;
       case "Module_16":
          Module3.style.display="";
          H3.className="template_sign";
          MoreID.href="/cn/introduct/lanmu_24_57.html";
       break;
     }

  }
//注释:template_sign_1和template_sign分别表示鼠标离开或经过的样式
</script>
<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="/cn/article/lanmu_24_80.html">more </a></span></div>

模块的ID可以在后台鼠标移动到模块名称行上时会显示,也可以自看前台源代码中的ID。

如果熟悉JS的话会很容易看懂,设计思路大概就这个样。
TOP
3#

谢谢
TOP
4#

要做这个效果的可以联络我  QQ309246
TOP
5#

我不懂,为什么没有onmouseover的出现,不知道这个是怎么实现的?
版主能详细点吗?
TOP
6#

晕,之前发的onmouseover被论坛屏蔽了

已经改了
TOP
7#

已经兼容FF
TOP
8#

没看明白 要求出模版制作教程啊
TOP
9#

调了半天,还是没弄出来这个完整的布局
新版本能不能添加这个tab选项卡布局功能啊?
TOP
10#

调试没半天  鼠标放上去没反应 也没内容
未命名.jpg (, 下载次数:263)

jpg(2009/5/26 20:12:28 上传)

未命名.jpg

TOP
11#

不知道怎么搞????
TOP
发新话题 回复该主题