我刚学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,求前辈们指教下 非常感谢

解决方案 »

  1.   

    <script type="text/javascript" src="js/memu.js" ></script>路径没有问题,但是如何获取memu这值呢?请大侠指点  谢谢了
      

  2.   

    <div id="menu" class="menu">
      

  3.   


    vs2005  这样好像无法引用css,没有效果!!
      

  4.   

    参数传递clientid
    function test(obj)
    {document.getElementById(obj);
    }
      

  5.   

    aspx文件中 <% %>中的代码.net会处理
      

  6.   

    不好意思 可以引用CSS效果但是JS还是没有取到值~~还是为空,请看下哪里有问题 谢谢sq_zhuyi
      

  7.   


    前辈 说具体点 不太明白如何让JS取到memu这个值谢谢
      

  8.   

    就是2楼说的,要加一个id
    <div id="menu" class="menu">
      

  9.   

    非常感谢大家的帮忙 2楼的答案 问题可以了开始也按3楼的,非常奇怪我手写<div id="memu" class="memu">硬是不行~~可是复制就可以了memu过去就可以了    <!--menu页面导航 -->
        <div id="menu" class="menu">
        </div>
      

  10.   

    因为你手写的是memu 
    而实际上是menu