1、伪css鼠标滑过变色
table中加入id
<table id="hacker">
<tr><td></td></tr></table>
样式表中再加入滑过的颜色
#hacker tr:hover{background-color:#ececec;}
2、左框架隐藏js
主页main.htl
<frameset rows="89,*" cols="*" frameborder="no" border="0" framespacing="0">
<frame src="top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
<frameset cols="147,10,*" frameborder="no" border="0" framespacing="0" id="leftmain">
<frame src="left.html" name="leftFrame" scrolling="No" id="leftFrame" title="leftFrame" />
<frame src="slidbar.html" id="drag-frame" noresize="noresize" name="drag-frame" frameborder="no" scrolling="no">
<frame src="index.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
</frameset>
中间控制页slidbar.html
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- $Id: drag.htm 14216 2008-03-10 02:27:21Z testyang $ -->
<title></title>
<style type="text/css">
body {
margin:0px;
padding:0px;
background:url(img/bg_center.gif) repeat-y;
}
.tdbg { padding-top:80px;
}
.tdbgover {padding-top:80px;
}
.tdbg2 {padding-top:80px;
}
.tdbgover2 {padding-top:80px;
}
</style>
<script type="text/javascript" language="JavaScript">
<!--
function switchSysBar(){
if (parent.document.getElementById('leftmain').cols=="147,10,*"){
document.getElementById('leftbar').style.display="";
parent.document.getElementById('leftmain').cols="0,10,*";
}
else{
parent.document.getElementById('leftmain').cols="147,10,*";
document.getElementById('leftbar').style.display="none"
}
}
function load(){
if (parent.document.getElementById('leftmain').cols=="0,10,*"){
document.getElementById('leftbar').style.display="";
}
} //-->
</script>
</head>
<body onload="load();">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="leftbar" width="11" style="display:none" mce_style="display:none" class="tdbg" onmouseover="javascript:this.className='tdbgover'" onmouseout="javascript:this.className='tdbg'" title='展开左侧菜单'>
<a href="javascript:;" mce_href="javascript:;" onclick="switchSysBar()"><img src="img/icon_arrow2.gif" mce_src="img/icon_arrow2.gif" width="11" alt='展开左侧菜单' border="0"></a></td>
<td id="rightbar" width="11" class="tdbg2" onmouseover="javascript:this.className='tdbgover2'" onmouseout="javascript:this.className='tdbg2'" title='隐藏左侧菜单'><a href="javascript:;" mce_href="javascript:;" onclick="switchSysBar()"><img src="img/icon_arrow.gif" mce_src="img/icon_arrow.gif" width="11" alt='隐藏左侧菜单' border="0"></a></td>
</tr>
</table>
</body>
</html>
