下边是以首页为例说明修改方法,其它页面一样的作法。
第一步
请下载横排显示的脚本并覆盖到inc目录下 http://www.xmlasp.net/down/popmenuH.rar
第二步
打开首页模板(一般是template/index1.aspx),找到公告所在表格
<table id="navsub" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="l"></td>
<td class="m" style="padding:0 30px">
<marquee class="bulletin" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1" scrolldelay="4" width="100%">
<tr>
<td class="l"></td>
<td class="m" style="padding:0 30px">
<marquee class="bulletin" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1" scrolldelay="4" width="100%">
在前边插入以下代码
<table id="navsub" align="center" cellpadding="0" cellspacing="0">
<tr><td class="m">
<div class="menuskin" id="popmenuH"> </div>
</td></tr>
</table>
<tr><td class="m">
<div class="menuskin" id="popmenuH"> </div>
</td></tr>
</table>
第三步
打开你所用风格的样式表 style/风格名/style.css
找到以下内容
.menuskin {
border: #666666 1px solid; visibility: hidden; font: 12px verdana;
position: absolute; background-color:#F6F6F6;
background-image:url("menubg.gif");
text-align:left;
}
.menuskin a {
padding-right:10px; padding-left:25px; color:black!important; text-decoration: none; behavior:url(inc/noline.htc);
}
.menuskin a:hover { text-decoration:none}
#mouseoverstyle {
background-color: #A2CEFB; margin:2px; padding:0px; border:#666666 1px solid;
}
#mouseoverstyle a {
color: black
}
.menuitems{
margin:2px;padding:1px;word-break:keep-all;
}
border: #666666 1px solid; visibility: hidden; font: 12px verdana;
position: absolute; background-color:#F6F6F6;
background-image:url("menubg.gif");
text-align:left;
}
.menuskin a {
padding-right:10px; padding-left:25px; color:black!important; text-decoration: none; behavior:url(inc/noline.htc);
}
.menuskin a:hover { text-decoration:none}
#mouseoverstyle {
background-color: #A2CEFB; margin:2px; padding:0px; border:#666666 1px solid;
}
#mouseoverstyle a {
color: black
}
.menuitems{
margin:2px;padding:1px;word-break:keep-all;
}
替换为
.menuskin {
padding:5px 10px;color:#CCCCCC;
}
.menuskin a {
padding:0px 5px; color:#333333!important; text-decoration: none;
}
.menuitems{
margin:2px;
}
padding:5px 10px;color:#CCCCCC;
}
.menuskin a {
padding:0px 5px; color:#333333!important; text-decoration: none;
}
.menuitems{
margin:2px;
}
如果你懂css就可以在上边的样式表中修改链接颜色,分隔线颜色等
以上方法已测试通过。分隔符用的是 | ,你可以在popmenuH.js中修改为其它符号或图片

