导航部分前台:
<div id="nav">
<a href="http://bwb.lzu.edu.cn" target="_blank">本站首页</a>
<a href="/lzupage/B20090703095650.html" onmouseover="mouseover(this, 1)" onmouseout="mouseout()">部门概况</a>
<a href="/lzupage/B20090703095703.html" onmouseover="mouseover(this, 2)" onmouseout="mouseout()">校园安全</a>
<a href="/lzupage/B20090703095717.html" onmouseover="mouseover(this, 3)" onmouseout="mouseout()">户籍服务</a>
<a href="/lzupage/B20090703095730.html" onmouseover="mouseover(this, 4)" onmouseout="mouseout()">文件汇编</a>
<a href="/lzupage/B20090703095746.html" onmouseover="mouseover(this, 5)" onmouseout="mouseout()">法律法规</a>
<a href="/lzupage/B20090703095803.html">资料下载</a><a href="/lzupage/B20090703095822.html">失物招领</a>
<a href="mailto:[email protected]" target="_blank">部长信箱</a>
<div class="clear">
</div>
</div> <div id="menu1" class="menu-list" onmouseover="_mouseover()" onmouseout="_mouseout()">
<ul>
<li><a href="/lzupage/B20090703095920.html"><span>部门简介</span></a></li>
<li><a href="/lzupage/B20090703095932.html"><span>机构设置</span></a></li>
</ul>
</div>
<div id="menu2" class="menu-list" onmouseover="_mouseover()" onmouseout="_mouseout()">
<ul>
<li><a href="/lzupage/B20090703100123.html"><span>政治保卫</span></a></li>
<li><a href="/lzupage/B20090703100137.html"><span>校园治安</span></a></li>
<li><a href="/lzupage/B20090703100151.html"><span>消防在线</span></a></li>
<li><a href="/lzupage/B20090703100202.html"><span>交通安全</span></a></li>
<li><a href="/lzupage/B20090703100214.html"><span>综合治理</span></a></li>
<li><a href="/lzupage/B20090707050656.html"><span>安全常识</span></a></li>
</ul>
</div>
<div id="menu3" class="menu-list" onmouseover="_mouseover()" onmouseout="_mouseout()">
<ul>
<li><a href="/lzupage/B20090703100233.html"><span>护照办理</span></a></li>
<li><a href="/lzupage/B20090703100250.html"><span>户口迁入</span></a></li>
<li><a href="/lzupage/B20090703100303.html"><span>户口迁出</span></a></li>
<li><a href="/lzupage/B20090703100321.html"><span>遗失补办</span></a></li>
<li><a href="/lzupage/B20090703100332.html"><span>借用户口</span></a></li>
<li><a href="/lzupage/B20090703100350.html"><span>身份证办理</span></a></li>
</ul>
</div>
<div id="menu4" class="menu-list" onmouseover="_mouseover()" onmouseout="_mouseout()">
<ul>
<li><a href="/lzupage/B20091117035329.html"><span>校保发</span></a></li>
<li><a href="/lzupage/B20091117035359.html"><span>校保字</span></a></li>
</ul>
</div>
<div id="menu5" class="menu-list" onmouseover="_mouseover()" onmouseout="_mouseout()">
<ul>
<li><a href="/lzupage/B20090703100404.html"><span>法制宣传</span></a></li>
<li><a href="/lzupage/B20090703100416.html"><span>学校规章</span></a></li>
</ul>
</div>
</div>
所调用js:
function getOffsetTop (el, p) {
var _t = el.offsetTop;
while (el = el.offsetParent) {
if (el == p) break;
_t += el.offsetTop;
} return _t;
};
function getOffsetLeft (el, p) {
var _l = el.offsetLeft;
while (el = el.offsetParent) {
if (el == p) break;
_l += el.offsetLeft;
} return _l;
};
var tt;
var curMenu;
function mouseover (th, menu) {
if (tt) clearTimeout(tt);
displayMenu(false);
menu = document.getElementById('menu' + menu); menu.style.left = getOffsetLeft(th) - 2 + 'px';
menu.style.top = getOffsetTop(th) + th.offsetHeight + 4 + 'px'; curMenu = menu;
displayMenu(true);
}
function mouseout () {
tt = setTimeout('displayMenu(false)', 200);
}
function _mouseover () {
if (tt) clearTimeout(tt);
displayMenu(true);
}
function _mouseout () {
displayMenu(false);
}
function displayMenu (display) {
if (curMenu) {
curMenu.style.display = display ? 'block' : 'none';
}
}
不用母版的话,JS导航菜单下面有分菜单,用了母版,JS就失效了
<div id="nav">
<a href="http://bwb.lzu.edu.cn" target="_blank">本站首页</a>
<a href="/lzupage/B20090703095650.html" onmouseover="mouseover(this, 1)" onmouseout="mouseout()">部门概况</a>
<a href="/lzupage/B20090703095703.html" onmouseover="mouseover(this, 2)" onmouseout="mouseout()">校园安全</a>
<a href="/lzupage/B20090703095717.html" onmouseover="mouseover(this, 3)" onmouseout="mouseout()">户籍服务</a>
<a href="/lzupage/B20090703095730.html" onmouseover="mouseover(this, 4)" onmouseout="mouseout()">文件汇编</a>
<a href="/lzupage/B20090703095746.html" onmouseover="mouseover(this, 5)" onmouseout="mouseout()">法律法规</a>
<a href="/lzupage/B20090703095803.html">资料下载</a><a href="/lzupage/B20090703095822.html">失物招领</a>
<a href="mailto:[email protected]" target="_blank">部长信箱</a>
<div class="clear">
</div>
</div> <div id="menu1" class="menu-list" onmouseover="_mouseover()" onmouseout="_mouseout()">
<ul>
<li><a href="/lzupage/B20090703095920.html"><span>部门简介</span></a></li>
<li><a href="/lzupage/B20090703095932.html"><span>机构设置</span></a></li>
</ul>
</div>
<div id="menu2" class="menu-list" onmouseover="_mouseover()" onmouseout="_mouseout()">
<ul>
<li><a href="/lzupage/B20090703100123.html"><span>政治保卫</span></a></li>
<li><a href="/lzupage/B20090703100137.html"><span>校园治安</span></a></li>
<li><a href="/lzupage/B20090703100151.html"><span>消防在线</span></a></li>
<li><a href="/lzupage/B20090703100202.html"><span>交通安全</span></a></li>
<li><a href="/lzupage/B20090703100214.html"><span>综合治理</span></a></li>
<li><a href="/lzupage/B20090707050656.html"><span>安全常识</span></a></li>
</ul>
</div>
<div id="menu3" class="menu-list" onmouseover="_mouseover()" onmouseout="_mouseout()">
<ul>
<li><a href="/lzupage/B20090703100233.html"><span>护照办理</span></a></li>
<li><a href="/lzupage/B20090703100250.html"><span>户口迁入</span></a></li>
<li><a href="/lzupage/B20090703100303.html"><span>户口迁出</span></a></li>
<li><a href="/lzupage/B20090703100321.html"><span>遗失补办</span></a></li>
<li><a href="/lzupage/B20090703100332.html"><span>借用户口</span></a></li>
<li><a href="/lzupage/B20090703100350.html"><span>身份证办理</span></a></li>
</ul>
</div>
<div id="menu4" class="menu-list" onmouseover="_mouseover()" onmouseout="_mouseout()">
<ul>
<li><a href="/lzupage/B20091117035329.html"><span>校保发</span></a></li>
<li><a href="/lzupage/B20091117035359.html"><span>校保字</span></a></li>
</ul>
</div>
<div id="menu5" class="menu-list" onmouseover="_mouseover()" onmouseout="_mouseout()">
<ul>
<li><a href="/lzupage/B20090703100404.html"><span>法制宣传</span></a></li>
<li><a href="/lzupage/B20090703100416.html"><span>学校规章</span></a></li>
</ul>
</div>
</div>
所调用js:
function getOffsetTop (el, p) {
var _t = el.offsetTop;
while (el = el.offsetParent) {
if (el == p) break;
_t += el.offsetTop;
} return _t;
};
function getOffsetLeft (el, p) {
var _l = el.offsetLeft;
while (el = el.offsetParent) {
if (el == p) break;
_l += el.offsetLeft;
} return _l;
};
var tt;
var curMenu;
function mouseover (th, menu) {
if (tt) clearTimeout(tt);
displayMenu(false);
menu = document.getElementById('menu' + menu); menu.style.left = getOffsetLeft(th) - 2 + 'px';
menu.style.top = getOffsetTop(th) + th.offsetHeight + 4 + 'px'; curMenu = menu;
displayMenu(true);
}
function mouseout () {
tt = setTimeout('displayMenu(false)', 200);
}
function _mouseover () {
if (tt) clearTimeout(tt);
displayMenu(true);
}
function _mouseout () {
displayMenu(false);
}
function displayMenu (display) {
if (curMenu) {
curMenu.style.display = display ? 'block' : 'none';
}
}
不用母版的话,JS导航菜单下面有分菜单,用了母版,JS就失效了
解决方案 »
- 看看我的帖子吧 。急死我咧~~~图片路径问题
- 向ListBox中动态添加CheckBox,为什么结果中显示的是空白行
- .net C# 实现一功能,望指点迷津!
- 装了office2000后Dcom里面为什么没有Microsoft Word文档???
- (过客)正则表达式 或者C#语言判断字符是否同时存在
- 如何读取ACCESS中两张数据表的内容
- !!!DataGrid显示新闻列表问题: 1-如果新闻标志超过一定长度就将后面1截变为.. 2-,将发布时间005-5-6 16:39:08 变为2005/5/6 求教高手
- 关于图片自动缩小的问题(高分求解)
- 请问在.net中如何设置一个变量值为空?
- 我用asp.net发送邮件,使用iis的smtp服务,但是发送有问题,要发好多次才有可能收到一次??
- 在.net中如何合并两个项目(以web方式开发的,不是网站模式)
- 【asp.net】服务器上没有安装excel,怎么实现web客户端的excel数据导入数据库?
泰安房产网
接分