最新消息:iOS编程开发交流群(6906921) iOS编程开发交流群欢迎iOS开发编程爱好及学习者加入!

鼠标经过div,表格,文章摘要变色特效代码

HTML 天狐 2487浏览 0评论

<!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,表格,文章摘要变色特效代码

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址