我刚学div布局代码如下,主要看导航部分就可以了<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CodeIndex.aspx.cs" Inherits="_Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>CodeIndex</title>
<link rel="stylesheet" type="text/css" href="Css/Mater.css" />
<script type="text/javascript" src="js/memu.js" ></script>
</head>
<body>
<form id="form1" runat="server">
<!--container页面层容器 -->
<div class="container">
<!--header页面头部 -->
<div class="header">
</div>
<!--header页面导航 -->
<div class="menu"> <ul>
<li><a id="current" href="#">首页</a></li>
<li><a href="#">.NET</a>
<ul>
<li><a href="#">C#</a></li>
<li><a href="#">VB.NET</a></li>
</ul>
</li>
<li><a href="#">效果</a>
<ul>
<li><a href="#">HTML</a></li>
<li><a href="#">DIV+CSS</a></li>
<li><a href="#">JS</a></li>
</ul>
</li>
<li><a href="#">SQL</a></li>
<li><a href="#">其他</a></li>
</ul>
</div>
<!--mainContent页面主体 -->
<div class="mainContent">
<!--sidebar 侧边栏-->
<div class="sidebar">
</div>
<!--content 主体内容-->
<div class="content">
</div>
</div>
<!--footer -->
<div class="footer">
</div>
</div>
</form>
</body></html>
memu.js在文件夹js里面
具体是:
function menuFix()
{
var sfEls = document.getElementById("menu").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseDown=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseUp=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),
"");
}
}
}
window.onload=menuFix;class="memu" CSS中定义了引用(css效果出来了引用没有问题)
问题是js没有取到值:document.getElementById为空或不是对象,没有取到memu,求前辈们指教下 非常感谢
<head runat="server">
<title>CodeIndex</title>
<link rel="stylesheet" type="text/css" href="Css/Mater.css" />
<script type="text/javascript" src="js/memu.js" ></script>
</head>
<body>
<form id="form1" runat="server">
<!--container页面层容器 -->
<div class="container">
<!--header页面头部 -->
<div class="header">
</div>
<!--header页面导航 -->
<div class="menu"> <ul>
<li><a id="current" href="#">首页</a></li>
<li><a href="#">.NET</a>
<ul>
<li><a href="#">C#</a></li>
<li><a href="#">VB.NET</a></li>
</ul>
</li>
<li><a href="#">效果</a>
<ul>
<li><a href="#">HTML</a></li>
<li><a href="#">DIV+CSS</a></li>
<li><a href="#">JS</a></li>
</ul>
</li>
<li><a href="#">SQL</a></li>
<li><a href="#">其他</a></li>
</ul>
</div>
<!--mainContent页面主体 -->
<div class="mainContent">
<!--sidebar 侧边栏-->
<div class="sidebar">
</div>
<!--content 主体内容-->
<div class="content">
</div>
</div>
<!--footer -->
<div class="footer">
</div>
</div>
</form>
</body></html>
memu.js在文件夹js里面
具体是:
function menuFix()
{
var sfEls = document.getElementById("menu").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseDown=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseUp=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),
"");
}
}
}
window.onload=menuFix;class="memu" CSS中定义了引用(css效果出来了引用没有问题)
问题是js没有取到值:document.getElementById为空或不是对象,没有取到memu,求前辈们指教下 非常感谢
解决方案 »
- Web.Config数据库连接字符
- 新手,一个关于递增的问题
- asp.net与javascript结合问题,急!
- js中控件的定位问题,document.XXX,document.Form1.XXX ,document.all(XXX)能不能总结一下异同点,内有具体问题,多谢大家
- 求助硬件UKEY对于WEB访问控制相关方案~!
- 如何固定webform页面的字体大小,无论用户如何设置IE的文字大小
- 框架的问题,各位高手请帮帮忙忙,在线等……
- 关于数据库更新的超级难题,来挑战
- 关于label和textbox的赋值读取问题
- js求教
- 不显示删除回复显示所有回复显示星级回复显示得分回复 asp.net把QueryString传到下一页面的iframe(在线求指导
- 求助各位高人!!!!! 十万火急
vs2005 这样好像无法引用css,没有效果!!
function test(obj)
{document.getElementById(obj);
}
前辈 说具体点 不太明白如何让JS取到memu这个值谢谢
<div id="menu" class="menu">
<div id="menu" class="menu">
</div>
而实际上是menu