Javascript可以动态载入样式表么？

<tr class=selectpage onmouseover="this.className='';"><td ><a href=usermanager.jsp target=rightframe ><strong>用户管理</strong></a></td>

解决方案 »

  1.   

    <html>
    <style>
    .none TD{
    BORDER-RIGHT: #6d91b6 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #14245 1px solid; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 8px; BORDER-LEFT: #14245 1px solid; COLOR: #ffffff; PADDING-TOP: 8px; BORDER-BOTTOM: #6d91b6 1px solid; BACKGROUND-COLOR: #345373; TEXT-ALIGN: center
    }
    .none A{
            COLOR: #ffffff; TEXT-DECORATION: none
    }
    .selectpage TD{
    BORDER-RIGHT: #142c45 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #6d91b6 1px solid; PADDING-LEFT: 8px; FONT-WEIGHT: bold; PADDING-BOTTOM: 6px; BORDER-LEFT: #6d91b6 1px solid; COLOR: #ffffff; PADDING-TOP: 6px; BORDER-BOTTOM: #142c45 1px solid; BACKGROUND-COLOR: #345373; TEXT-ALIGN: center
    }
    .selectpage A{
            COLOR: #ffffff; TEXT-DECORATION: none
    }
    </style><table width="100%" height="1" class=list cellspacing=0>
    <tr><td align=center><font color="#345373"><b>用户:<%= username%></b></td>
    <tr><td>&nbsp&nbsp</td>
    <tr class=selectpage onmouseover=if(!this.contains(event.fromElement))this.className='none' onmouseout=if(!this.contains(event.toElement))this.className='selectpage'><td ><a href=start.jsp target=rightframe ><strong>回到首页</strong></a></td>
    <tr class=selectpage onmouseover=if(!this.contains(event.fromElement))this.className='none' onmouseout=if(!this.contains(event.toElement))this.className='selectpage'><td ><a href=index.html target=_parent ><strong>注销登录</strong></a></td>
    <tr><td>&nbsp&nbsp</td>
    <tr class=selectpage onmouseover=if(!this.contains(event.fromElement))this.className='none' onmouseout=if(!this.contains(event.toElement))this.className='selectpage'><td ><a href=webcm.jsp target=rightframe ><strong>配置管理</strong></a></td><tr class=selectpage onmouseover=if(!this.contains(event.fromElement))this.className='none' onmouseout=if(!this.contains(event.toElement))this.className='selectpage'><td ><a href=webpm.jsp target=rightframe ><strong>性能管理</strong></a></td><tr class=selectpage onmouseover=if(!this.contains(event.fromElement))this.className='none' onmouseout=if(!this.contains(event.toElement))this.className='selectpage'><td ><a href=webfm.jsp target=rightframe ><strong>告警日志</strong></a></td><tr class=selectpage onmouseover=if(!this.contains(event.fromElement))this.className='none' onmouseout=if(!this.contains(event.toElement))this.className='selectpage'><td ><a href=gongdan.jsp target=rightframe ><strong>工单管理</strong></a></td><tr class=selectpage onmouseover=if(!this.contains(event.fromElement))this.className='none' onmouseout=if(!this.contains(event.toElement))this.className='selectpage'><td ><a href=event.jsp target=rightframe ><strong>事件查询</strong></a></td><tr class=selectpage onmouseover=if(!this.contains(event.fromElement))this.className='none' onmouseout=if(!this.contains(event.toElement))this.className='selectpage'><td ><a href=usermanager.jsp target=rightframe ><strong>用户管理</strong></a></td>
    </table></html>
      

  2.   

    同意楼上的。
    DHTML 可以直接改变classname 或 style 样式的.
      

  3.   

    1.<td onmouseover="this.className='class名'">
    2.<td onmouseover="this.style.backgroundColor='#f5f5f5' onmouseout="this.style.backgroundColor='#ffffff'">哈哈</td>
      

  4.   

    现在有一个表格<html>
    <style>
    .selectpage td{
    BORDER-RIGHT: #142c45 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #6d91b6 1px solid; PADDING-LEFT: 8px; FONT-WEIGHT: bold; PADDING-BOTTOM: 6px; BORDER-LEFT: #6d91b6 1px solid; COLOR: #ffffff; PADDING-TOP: 6px; BORDER-BOTTOM: #142c45 1px solid; BACKGROUND-COLOR: #345373; TEXT-ALIGN: center
    }
    .selectpage A{
            COLOR: #ffffff; TEXT-DECORATION: none
    }
    .tt  {color: #FFFFFF}
    </style><table width="100%" height="1" class=list cellspacing=0>
    <tr><td align=center><font color="#345373"><b>用户:<%= username%></b></td>
    <tr><td>&nbsp&nbsp</td>
    <tr class=selectpage><td ><a href=start.jsp target=rightframe ><strong>回到首页</strong></a></td>
    <tr class=selectpage><td ><a href=index.html target=_parent ><strong>注销登录</strong></a></td>
    <tr><td>&nbsp&nbsp</td>
    <tr class=selectpage><td ><a href=webcm.jsp target=rightframe ><strong>配置管理</strong></a></td><tr class=selectpage><td ><a href=webpm.jsp target=rightframe ><strong>性能管理</strong></a></td><tr class=selectpage><td ><a href=webfm.jsp target=rightframe ><strong>告警日志</strong></a></td><tr class=selectpage><td ><a href=gongdan.jsp target=rightframe ><strong>工单管理</strong></a></td><tr class=selectpage><td ><a href=event.jsp target=rightframe ><strong>事件查询</strong></a></td><tr class=selectpage><td ><a href=usermanager.jsp target=rightframe ><strong>用户管理</strong></a></td>
    </table><script language=javascript>
    function document.onmouseover()
    {
      if (window.event.toElement.parentElement.className == "selectpage")
      window.event.toElement.parentElement.setAttribute("className","tt");
    }
    </script>
    </html>使用了css使其具有立体效果，问有没有什么办法，当鼠标放在链接上的时候，表格的那一行载入另一效果，也就是取消立体效果。？？？