加入收藏 - 网站地图 - 网站搜索 -
阅读新闻

二级分类菜单横排显示方法

[日期:08-19] 来源:动网新闻  作者: [字体: ]
[dvnews_page]

下边是以首页为例说明修改方法,其它页面一样的作法。

第一步

请下载横排显示的脚本并覆盖到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%">

在前边插入以下代码

<table id="navsub" align="center" cellpadding="0" cellspacing="0">
<tr><td class="m">
 <div class="menuskin" id="popmenuH">&nbsp;</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;
}

替换为

.menuskin {
 padding:5px 10px;color:#CCCCCC;
 }
.menuskin a {
 padding:0px 5px; color:#333333!important; text-decoration: none;
 }
.menuitems{
 margin:2px;
}

如果你懂css就可以在上边的样式表中修改链接颜色,分隔线颜色等

以上方法已测试通过。分隔符用的是 | ,你可以在popmenuH.js中修改为其它符号或图片



 
评论 】 【 推荐 】 【 打印
上一篇:动网新闻函数解释
下一篇:上传大于2m文件方法
相关新闻