鼠标效果，使用方法可多处调用

原创于 2013-12-30 21:55:24 发布 · 701 阅读

0 ·

CC 4.0 BY-SA版权

Javascript 专栏收录该内容

52 篇文章

订阅专栏

本文介绍了如何通过JavaScript实现鼠标悬停效果，并将其应用于网页链接上，包括样式修改和事件监听。

鼠标效果，使用方法可多处调用
 
<!DOCTYPE html>
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta
http-equiv="Content-Type"
content="text/html; charset=utf-8"
/>
    <title>鼠标效果，使用方法可多处调用</title>
    <script
type="text/javascript">
        function mOver(object) {
            
object.style.color = "blue";
        }
  
        
function mOut(object) {
            
object.style.color = "black";
        
}
    </script>
    <style
type="text/css">
        
a {
            
color:black;
            
text-decoration:none;
        
}
    </style>
</head>
<body>
    <a
href="http://www.baidu.com"
onmouseover="mOver(this);"
onmouseout="mOut(this);">Hello World!</a>
</body>
</html>