当前位置：首页 >> 网站建设 >> 正文

Table布局中单元格background-color鼠标响应的JS代码

文章来自:设计学院 | 发表时间:2007-11-18 20:29:19

Table布局中单元格background-color鼠标响应的JS代码

Source Code to Run

<!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=gb2312">
<title>Table布局中单元格background-color鼠标响应的JS代码</title>
<script language="javascript">
<!--
var aTDClick=new Array(3);
function onColor(td,n)
{
if(!aTDClick[n-1]){
td.style.backgroundColor='#FFFF99';
td.style.color='#0600FF';
}else{
td.style.backgroundColor='#FF6699';
td.style.color='#0600FF';
}
}

function offColor(td,n)
{
if(!aTDClick[n-1]){
td.style.backgroundColor='';
td.style.color='';
}else{
td.style.backgroundColor='#FF6699';
td.style.color='#0600FF';
}
}

-->
</script>
<style type="text/css">

</style>
</head>

</body>
</html>

[Ctrl+A 全部选择进行拷贝提示：可先修改部分代码，再点击运行]

此代码在FF中点击的效果会有些问题，当点击第一行单元格变色，点击第二个时第一个颜色不恢复原来无色的状态。

相关文章

Table布局中单元格background-color鼠标响应的JS代码

Table布局中单元格background-color鼠标响应的JS代码

版权隐私 免责声明 友情链接 学院地图 关于设计学院

版权隐私　　免责声明　　友情链接　　学院地图　　关于设计学院