<!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">
<title>这是一个鼠标划过页面</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script>
//移过时div的背景色
function rowOver(target)
{
target.style.background='#FCFCE3';
target.style.border='1px #FF797A solid';
}
//移出时div的背景色
function rowOut(target)
{
target.style.background='#ffffff';
target.style.border='1px #ffffff solid';
}
//恢复div的的onmouseover事件配套调用函数
function resumeRowOver()
{
rowOver(this);
}
function run(){
{
str=test.value;
go=open('','运行','');
go.document.open();
go.document.write(str);
go.document.close();
}
}
</script>
<base target="_blank" />
</head>
<body>
<div id="ClassCon_1" onmouseover="rowOver(this)" onmouseout="rowOut(this)">
这是一个鼠标划过页面<br />
这是一个鼠标划过页面<br />
这是一个鼠标划过页面<br />
</div>
</body>
</html>
转载请注明：天狐博客 » 鼠标经过div,表格,文章摘要变色特效代码