杭州交通信息网文明执勤注意事项:CSS问题，请问应该怎样写呢？
来源：百度文库 编辑：杭州交通信息网 时间：2024/05/05 08:10:06
<td width="200" height="24" class="cote" style=""onmouseover="this.style.backgroundColor='#8FBEE8'; this.style.borderColor='#CACACA';" onmouseout="this.style.backgroundColor='#F0F0F0'; this.style.borderColor='#CACACA';">Temp</td>
就是将语句变成：
<td width="200" height="24" class="cote">Temp</td>
但效果还在。
这个是td的CSS样式
<style type="text/css">
<!--
//这个是做td的边框颜色
.cote{border-color: #CACACA}
//这两个是做交换的CSS样式
.style1 { background-color: #8FBEE8}
.style2 { background-image: #F0F0F0}
-->
</style>
td的语句变成:
<td width="200" height="24" class="cote" onmouseover="this.className='style1'" onmouseout="this.className='style2'" >Temp</td>
不可以的。
还有 你这段代码是错的。我知道你的意思。
就是鼠标轻过这个表格。底色变一下。离开又变回去。。
你多加几个tab 把表格加出来。就是了。
<html>
<head>
<title></title>
<meta name="GENERATOR" content="Microsoft Visual Studio.NET 7.0">
<link href="stylesheet1.css" type="text/css" rel="stylesheet" id="mycss">
<script language="javascript">
var turnback=false;
function setCSS()
{
?mycss.styleSheet.cssText="";
?mycss.styleSheet.addImport(turnback?"stylesheet1.css":"stylesheet2.css");
?turnback=!turnback;
}
</script>
</head>
<body>
<button onclick="setCSS()" type="button">切换背景颜色</button>
</body>
</html>
StyleSheet1.CSS样式代码：
BODY
{
background-color: Black;
}
StyleSheet2.CSS样式代码：
BODY
{
background-color: maroon;
}