翻转图像使用鼠标悬停onmousedown,onmousemove,onmouseout,onmouseup

时间:2016-05-27 12:34:44

标签: javascript html image

我想在这里分享我的问题我希望你可以帮助我。我应该创建一个翻转图像应该是100x100我这样做我想。现在当用户将从这个图像移出时会出现一个新的图像(让我们调用它

  1. 当用户在初始图片上移动并按下它时会出现一个新图像

  2. 当用户在初始图像上但没有用鼠标按下它时会出现一个新图像(让我们调用它。

  3. 更实用的方法来解释当您用鼠标按下图像时会出现一个新图像,当您从图像中出来时,将出现新图像并且当您使用鼠标时(没有按下鼠标)一个新的形象将来临。我希望你理解它。

  4. <!DOCTYPE html>
    <html>
      <body>
    
        <img onmouseover="insideImg(this)" onmouseout="outsImg(this)"  width="100" height="100">
    
    
        <script>
        function insideImg(x) {
           src="smiley.gif"
         alt="Smiley"
        }
    
        function outImg(x) {
           //another image
        }
        </script>
    
      </body>
    </html>
    

0 个答案:

没有答案