最近在看JavaScript原生代码,发现又有一个有意思的,废话不多说
看代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小牛同志</title>
</head>
<body>
<h1 οnmοuseοver="style.color='red'"οnmοuseοut="style.color='black'">将鼠标移至文本上</h1>
<h1 οnmοuseοver="style.color='orange'"οnmοuseοut="style.color='black'">将鼠标移至文本上</h1>
<h1 οnmοuseοver="style.color='yellow'"οnmοuseοut="style.color='black'">将鼠标移至文本上</h1>
<h1 οnmοuseοver="style.color='green'"οnmοuseοut="style.color='black'">将鼠标移至文本上</h1>
<h1 οnmοuseοver="style.color='Cyan'"οnmοuseοut="style.color='black'">将鼠标移至文本上</h1>
<h1 οnmοuseοver="style.color='blue'"οnmοuseοut="style.color='black'">将鼠标移至文本上</h1>
<h1 οnmοuseοver="style.color='violet'"οnmοuseοut="style.color='black'">将鼠标移至文本上</h1>
</body>
</html>
每次把鼠标放在文字上就会得到:
现在由我来揭秘:
其实这跟onmouseover有关,onmouseover 事件会在鼠标指针移动到指定的元素上时发生。
看完有没有感兴趣,快去学习。