js鼠标经过切换图片

最新推荐文章于 2022-11-02 18:55:19 发布

aoyin1017

最新推荐文章于 2022-11-02 18:55:19 发布

阅读量900

点赞数 1

原文链接：http://www.cnblogs.com/songfayuan/articles/7390403.html

版权

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>js鼠标经过切换图片</title>
 6     <script>
 7         window.onload = function () {
 8             //获取图片
 9             var img = document.getElementById("img");
10 
11             //鼠标经过图片
12             img.onmouseover = function () {
13                 this.src = "image/8.jpg"
14             }
15 
16             //鼠标离开图片
17             img.onmouseout = function () {
18                 this.src = "image/9.jpg";
19             }
20         }
21     </script>
22 </head>
23 <body>
24     <img id="img" src="image/9.jpg"/>
25 </body>
26 </html>

转载于:https://www.cnblogs.com/songfayuan/articles/7390403.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

aoyin1017

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js鼠标经过切换图片

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>js鼠标经过切换图片</title> 6 <script> 7 wind...
复制链接

扫一扫