HTMLmouseover/out使用

最新推荐文章于 2023-11-28 13:28:25 发布

All_thebest

最新推荐文章于 2023-11-28 13:28:25 发布

阅读量984

点赞数

文章标签： HTML jQuery 鼠标悬停图片响应前端交互

本文链接：https://blog.csdn.net/All_thebest/article/details/123896751

版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>

       <script type="text/javascript" src="js/jquery-1.12.4.js" ></script>

   </head>
   <body>

       <a href="https://www.4399.com"><img id="img" src="img/autumn.jpg"/></a>

       <script>

           $("#img").mousemove(function(){
               var a = document.getElementById("img");
               a.setAttribute("width","600px")
               a.setAttribute("heigth","200px")
           })

           $("#img").mouseout(function(){
               var a = document.getElementById("img");
               a.setAttribute("width","400px")
               a.setAttribute("heigth","350px")
           })
       </script>

   </body>
</html>