如何用科讯做多级动态菜单？-领先建站CMS提供服务商我们专注于CMS建站产品的研发

2640 查看	4 回复

主题：如何用科讯做多级动态菜单？ [收藏主题]

转到：

jelman 当前离线

19 主题	4 广播	0 粉丝

级别:学前班

用户积分:37 分
登录次数:23 次
注册时间:2013/1/19
最后登录:2020/3/10

jelman 发表于：2013/12/20 0:05:05 | 显示全部帖子查看该作者主题楼主

做考试题库就用#科汛在线考试系统!

http://bbs.kesion.com/forumthread-1126365.html

有课程找生源就上科汛课堂街

支持(0) |

反对(0)

顶端

底部

jelman 当前离线

19 主题	4 广播	0 粉丝

级别:学前班

用户积分:37 分
登录次数:23 次
注册时间:2013/1/19
最后登录:2020/3/10

jelman 发表于：2013/12/20 0:06:20 | 显示全部帖子查看该作者主题沙发

一分钟快速开通线上知识店铺

测试过这个可以用，

http://bbs.kesion.com/forumthread-196952.html

再配合修改为以下，纯CSS下拉菜单了。

复制代码

<STYLE type=text/css>
body { background: #fff; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 12px; }
#menu { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 50px 0px 100px 15px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none }
#menu LI { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 100; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 1px 0px 0px; WIDTH: 150px; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 3em }
#menu LI DL { LEFT: 0px; POSITION: absolute; TOP: 0px }
#menu LI A { TEXT-DECORATION: none }
#menu LI A:visited { TEXT-DECORATION: none }
#menu LI DD { DISPLAY: none }
#menu LI:hover { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px }
#menu LI A:hover { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px }
#menu LI:hover DD { DISPLAY: block }
#menu LI A:hover DD { DISPLAY: block }
#menu LI:hover DL { PADDING-BOTTOM: 20px }
#menu LI A:hover DL { PADDING-BOTTOM: 20px }
#menu TABLE { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1em; PADDING-BOTTOM: 0px; MARGIN: -1px; PADDING-TOP: 0px; BORDER-COLLAPSE: collapse }
#menu DL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/bottom.gif) #c9ba65 no-repeat left bottom; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 150px; CURSOR: pointer; PADDING-TOP: 0px; TEXT-ALIGN: center }
#menu DT { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 1.1em; PADDING-BOTTOM: 5px; MARGIN: 0px; COLOR: #fff; PADDING-TOP: 5px; BORDER-BOTTOM: #444 1px solid }
#menu .one { BACKGROUND: url(images/top.gif) #b2ab9b no-repeat left top }
#menu .two { BACKGROUND: url(images/top.gif) #949e7c no-repeat left top }
#menu .three { BACKGROUND: url(images/top.gif) #d4d8bd no-repeat left top }
#menu .four { BACKGROUND: url(images/top.gif) #e2dfa8 no-repeat left top }
#menu DD { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1em; BACKGROUND: #47a; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #fff; PADDING-TOP: 0px; TEXT-ALIGN: left }
#menu DD.last { BORDER-BOTTOM: #444 1px solid }
.gallery DT A { DISPLAY: block; COLOR: #444 }
.gallery DT A:visited { DISPLAY: block; COLOR: #444 }
.gallery DD A { PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 20px; BACKGROUND: url(images/arrow.gif) #47a no-repeat 10px 10px; PADDING-BOTTOM: 4px; WIDTH: 125px; COLOR: #fff; PADDING-TOP: 4px; TEXT-DECORATION: none }
.gallery DD A:visited { PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 20px; BACKGROUND: url(images/arrow.gif) #47a no-repeat 10px 10px; PADDING-BOTTOM: 4px; WIDTH: 125px; COLOR: #fff; PADDING-TOP: 4px; TEXT-DECORATION: none }
.gallery DD A:hover { BACKGROUND: url(images/arrowr.gif) #258 no-repeat 11px 10px; COLOR: #9cf }
</STYLE>
<UL id=menu>
<LI>
<!--[if lte IE 6]><A
href="http://www.cssplay.co.uk/menus/drop_definition.html#nogo">
<TABLE>
<TBODY>
<TR>
<TD><![endif]-->
<DL class=gallery>
<DT class=one><A
href="http://www.cssplay.co.uk/menu/index.html">DEMOS</A>
<DD><A title="The zero dollar ads page"
href="http://www.cssplay.co.uk/menu/zero_dollars.html">zero
dollars</A>
<DD><A title="Wrapping text around images"
href="http://www.cssplay.co.uk/menu/embed.html">wrapping text</A>
<DD><A title="Styling forms"
href="http://www.cssplay.co.uk/menu/form.html">styled form</A>
<DD><A title="Removing active/focus borders"
href="http://www.cssplay.co.uk/menu/nodots.html">active focus</A>
<DD><A title="Multi-position drop shadow"
href="http://www.cssplay.co.uk/menu/shadow_boxing.html">shadow
boxing</A>
<DD><A title="Image Map for detailed information"
href="http://www.cssplay.co.uk/menu/old_master.html">image map</A>
<DD><A title="fun with background images"
href="http://www.cssplay.co.uk/menu/bodies.html">fun with
backgrounds</A>
<DD><A title="fade-out scrolling"
href="http://www.cssplay.co.uk/menu/fade_scroll.html">fade
scrolling</A>
<DD class=last><A title="em size images compared"
href="http://www.cssplay.co.uk/menu/em_images.html">em sized
images</A> </DD>
</DL>
</LI>
<LI>
<!--[if lte IE 6]><A
href="http://www.cssplay.co.uk/menus/drop_definition.html#nogo">
<TABLE>
<TBODY>
<TR>
<TD><![endif]-->
<DL class=gallery>
<DT class=two><A
href="http://www.cssplay.co.uk/menus/index.html">MENUS</A>
<DD><A title="a coded list of spies"
href="http://www.cssplay.co.uk/menus/spies.html">spies menu</A>
<DD><A title="a horizontal vertical menu"
href="http://www.cssplay.co.uk/menus/vertical.html">vertical menu</A>
<DD><A title="an enlarging unordered list"
href="http://www.cssplay.co.uk/menus/expand.html">enlarging list</A>
<DD><A title="an unordered list with link images"
href="http://www.cssplay.co.uk/menus/enlarge.html">link images</A>
<DD><A title="non-rectangular links"
href="http://www.cssplay.co.uk/menus/cross.html">non-rectangular
links</A>
<DD><A title="jigsaw links"
href="http://www.cssplay.co.uk/menus/jigsaw.html">jigsaw links</A>
<DD class=last><A title="circular links"
href="http://www.cssplay.co.uk/menus/circles.html">circular links</A> </DD>
</DL>
</LI>
<LI>
<!--[if lte IE 6]><A
href="http://www.cssplay.co.uk/menus/drop_definition.html#nogo">
<TABLE>
<TBODY>
<TR>
<TD><![endif]-->
<DL class=gallery>
<DT class=three><A
href="http://www.cssplay.co.uk/layouts/index.html">LAYOUTS</A>
<DD><A title="Cross browser fixed layout"
href="http://www.cssplay.co.uk/layouts/bodyfix.html">Fixed 1</A>
<DD><A title="Cross browser fixed layout"
href="http://www.cssplay.co.uk/layouts/body2.html">Fixed 2</A>
<DD><A title="Cross browser fixed layout"
href="http://www.cssplay.co.uk/layouts/body4.html">Fixed 3</A>
<DD><A title="Cross browser fixed layout"
href="http://www.cssplay.co.uk/layouts/body5.html">Fixed 4</A>
<DD class=last><A title="A simple minimum width layout"
href="http://www.cssplay.co.uk/layouts/minimum.html">minimum width for
Internet Explorer</A> </DD>
</DL>
</LI>
<LI>
<!--[if lte IE 6]><A
href="http://www.cssplay.co.uk/menus/drop_definition.html#nogo">
<TABLE>
<TBODY>
<TR>
<TD><![endif]-->
<DL class=gallery>
<DT class=four><A
href="http://www.cssplay.co.uk/mozilla/index.html">MOZILLA</A>
<DD><A title="A drop down menu"
href="http://www.cssplay.co.uk/mozilla/dropdown.html">drop down
menu</A>
<DD><A title="A cascading menu"
href="http://www.cssplay.co.uk/mozilla/cascade.html">cascading
menu</A>
<DD><A title="Using content:"
href="http://www.cssplay.co.uk/mozilla/content.html">content:</A>
<DD><A title=":hover applied to a div"
href="http://www.cssplay.co.uk/mozilla/moxbox.html">mozzie box</A>
<DD><A title="I can build a rainbow"
href="http://www.cssplay.co.uk/mozilla/rainbow.html">rainbow box</A>
<DD><A title="Snooker cue"
href="http://www.cssplay.co.uk/mozilla/snooker.html">snooker cue made
using border art</A>
<DD class=last><A title="Target Practise"
href="http://www.cssplay.co.uk/mozilla/target.html">target
practise</A> </DD>
</DL>
</LI>
</UL>
<ul>
<li> </li>
<li> <a href="/" target="_blank">首页</a> 没有记录! </li>
<li> <a href="/Item/list.asp?id=664" target="_blank">专利申请</a>
<ul style="width:89px;">
<li> <a href="/Item/list.asp?id=1506"> 发明专利申请 </a> </li>
<li> <a href="/Item/list.asp?id=1507"> 实用新型专利申请 </a> </li>
<li> <a href="/Item/list.asp?id=1508"> 外观设计专利申请 </a> </li>
<li> <a href="/Item/list.asp?id=1509"> PCT国际专利申请 </a> </li>
<li> <a href="/Item/list.asp?id=1510"> 单一国家专利申请 </a> </li>
</ul>
</li>
<li> <a href="/Item/list.asp?id=1502" target="_blank">专利无效</a>
<ul style="width:89px;">
<li> <a href="/Item/list.asp?id=1511"> 无效请求 </a> </li>
<li> <a href="/Item/list.asp?id=1512"> 无效答辩 </a> </li>
</ul>
</li>
<li> <a href="/Item/list.asp?id=1503" target="_blank">专利诉讼</a>
<ul style="width:89px;">
<li> <a href="/Item/list.asp?id=1513"> 专利侵权诉讼 </a> </li>
<li> <a href="/Item/list.asp?id=1514"> 专利权属争议 </a> </li>
<li> <a href="/Item/list.asp?id=1515"> 专利不侵权之诉 </a> </li>
<li> <a href="/Item/list.asp?id=1516"> 专利侵权行政保护 </a> </li>
</ul>
</li>
<li> <a href="/Item/list.asp?id=1504" target="_blank">商标保护</a>
<ul style="width:89px;">
<li> <a href="/Item/list.asp?id=1517"> 国内商标注册 </a> </li>
<li> <a href="/Item/list.asp?id=1518"> 马德里国际商标注册 </a> </li>
<li> <a href="/Item/list.asp?id=1519"> 单一国家商标注册 </a> </li>
<li> <a href="/Item/list.asp?id=1520"> 商标复审 </a> </li>
<li> <a href="/Item/list.asp?id=1521"> 商标评审 </a> </li>
<li> <a href="/Item/list.asp?id=1522"> 商标异议 </a> </li>
<li> <a href="/Item/list.asp?id=1523"> 商标争议 </a> </li>
<li> <a href="/Item/list.asp?id=1524"> 省市著名商标认证 </a> </li>
<li> <a href="/Item/list.asp?id=1525"> 驰名商标认证 </a> </li>
</ul>
</li>
<li> <a href="/Item/list.asp?id=1505" target="_blank">版权保护</a>
<ul style="width:89px;">
<li> <a href="/Item/list.asp?id=1526"> 著作权登记 </a> </li>
<li> <a href="/Item/list.asp?id=1527"> 著作权侵权诉讼 </a> </li>
</ul>
</li>
<li> <a href="/Item/list.asp?id=1487" target="_blank">科技服务</a>
<ul style="width:89px;">
<li> <a href="/Item/list.asp?id=1501"> 专利预警分析 </a> </li>
</ul>
</li>
<li> <a href="/Item/list.asp?id=1488" target="_blank">法律顾问</a>
<ul style="width:89px;">
<li> <a href="/Item/list.asp?id=1528"> 常年法律顾问 </a> </li>
<li> <a href="/Item/list.asp?id=1529"> 常年知识产权顾问 </a> </li>
</ul>
</li>
<li> <a href="/Item/list.asp?id=1489" target="_blank">传统律师</a>
<ul style="width:89px;">
<li> <a href="/Item/list.asp?id=1532"> 民商事经济纠纷 </a> </li>
</ul>
</li>
<li> <a href="/Item/list.asp?id=1237" target="_blank">关于我们</a>
<ul style="width:89px;">
<li> <a href="/Item/list.asp?id=1239"> 关于我们 </a> </li>
<li> <a href="/Item/list.asp?id=1531"> 服务项目 </a> </li>
<li> <a href="/Item/list.asp?id=1242"> 联系我们 </a> </li>
<li> <a href="/Item/list.asp?id=1424"> 法律声明 </a> </li>
<li> <a href="/Item/list.asp?id=1426"> 人才招聘 </a> </li>
<li> <a href="/Item/list.asp?id=1427"> 免责声明 </a> </li>
<li> <a href="/plus/map.asp"> 网站地图 </a> </li>
<li> <a href="/plus/rss.asp"> 订阅RSS </a> </li>
<li> <a href="/plus/link/"> 友情链接 </a> </li>
</ul>
</li>
<li> <a href="/Item/list.asp?id=1444" target="_blank">文章下载</a> 没有记录! </li>
<li> <a href="/ask" target="_blank">问答中心</a> 没有记录! </li>
<li> <a href="/club/" target="_blank">论坛交流</a> 没有记录! </li>
</ul>

做官网就用科汛智能建站系统!

支持(0) |

反对(0)

顶端

底部

＜上一主题 | 下一主题＞

首页 1