xml 代码
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>澳翔航空港title>
- <script type="text/javascript" src="jscalendar/calendar.js">script>
- <script type="text/javascript" src="jscalendar/lang/calendar-zh.js">script>
- <script type="text/javascript" src="js/prototype.js">script>
- <script type="text/javascript" src="js/easyajax.js">script>
- <link href="css/style.css" rel="stylesheet" type="text/css"/>
- <link rel="alternate stylesheet" type="text/css" media="all" href="../css/calendar-blue.css" title="winter" />
- head>
- <body onload="ajax.DomBean.InitPage();">
- <div id="MenuArea" width="800" background="#cccccc">
- <ul jsclass="easy.MenuBar">
- <li><a href="index.htm">主页a>li>
- <li><a href="login.htm">登陆a>li>
- <li><a href="register.htm">注册a>li>
- <li><a href="#">查询a>
- <ul>
- <li><a href="ticketSearch.htm">机票查询a>li>
- <li><a href="hotelSearch.htm">酒店查询a>li>
- ul>
- li>
- <li>
- <a href="#">旅游杂志a>
- <ul>
- <li><a href="magzine/beijing.htm">历史名城 - 北京a>li>
- <li><a href="http://www.shanghai.gov.cn/">文化都会 - 上海a>li>
- ul>
- li>
- <li>
- <a href="#">旅游论坛a>
- li>
- <li><a href="mailto:shin.chen@et-china.com">联系我们a>li>
- ul>
- div>
- <p>
- <input name="button3" type="button" onclick="Element.toggle('src');" value="Toggle Source Code" />
- <textarea id="src" class="srcarea" rows="10" style="width:100%;display:none" disabled="true" >
- textarea>
- p>
- <script type="text/javascript">
- $("src").value=$("MenuArea").innerHTML;
- script>
- body>
- html>
具体的实现说明
1. 实现需要两个JS,
xml 代码
- <script type="text/javascript" src="js/prototype.js">script>
- <script type="text/javascript" src="js/easyajax.js">script>
可能从EasyAjax里面得到
2. 需要ul标签,并把它的jsclass属性设为easy.MenuBar,如果ul内还有ul那么就会出现下拉菜单的效果
3 需要CSS,也可以在EasyAjax上得到
xml 代码
- <link href="css/style.css" rel="stylesheet" type="text/css"/>
4 效果图