鼠标移动--图片放大

iteye_11

于 2011-05-23 01:20:11 发布

阅读量88

点赞数

CC 4.0 BY-SA版权

文章标签： JavaScript HTML ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_11/article/details/82067864

2011-05-23 01:07

<html>
<head>
</head>

<body>
  <div align="center">
   <img src="2.jpg" width="200px" height=250px" id="image" οnmοuseοver="showPicture()" οnmοuseοut="showPicture1()">
  </div>
  <script type="text/javascript">
    function showPicture(){
    document.getElementById("image").style.width="532px";
    document.getElementById("image").style.height="608px";
   }
   function showPicture1(){
    document.getElementById("image").style.width="200px";
    document.getElementById("image").style.height="250px";
   }
  </script>
  <script type="text/javascript">
//   document.getElementById("image").attachEvent("onmouseover",showPicture);
//   document.getElementById("image").attachEvent("onmouseout",showPicture1);
  </script>
</body>
</html>