最新消息:iOS编程开发交流群(6906921) ,Mac.Cocoa开发交流群(7758675) 欢迎iOS/macOS开发编程爱好及学习者加入!

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

HTML 天狐 5922浏览 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,表格,文章摘要变色特效代码

微信 OR 支付宝 扫描二维码
为天狐 打赏
非常感谢你的支持,哥会继续努力!
发表我的评论
取消评论

表情

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

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