JS实现图片左右翻转效果

 时间:2026-02-11 23:55:19

JS实现图片左右翻转效果

原图:

JS实现图片左右翻转效果

点击按钮后效果图:

JS实现图片左右翻转效果

代码部分:

JS实现图片左右翻转效果

源码:

<body style="background:pink">

    <form id="form1" runat="server">

   <span>JS实现图片左右翻转效果</span>

        <div >

            <div id="div1" style="float:left; border:3px solid #99cc66;">

               <img src="1.png" style="width:450px; height:600px; "/>

           </div>

<input type="button" value="JS实现图片左右翻转效果"  style="cursor:pointer; background:#99cc66"

onClick="document.getElementById('div1').style.filter='fliph';">

     </div>

    </form>

</body>

  • MFC中静态文本框透明的方法
  • Oracle数据库使用OGG做单向同步操作(一)
  • 如何使用VMware VDP 6.1备份、复制和恢复虚拟机
  • 如何新建angular项目
  • VS2019如何在运行时仅生成启动项目和依赖项
  • 热门搜索
    卤豆腐的做法 擢怎么读 煮牛肉的做法 淦怎么读音 鸡翅的家常做法 兕怎么读 水果捞的做法 鸡翅怎么烧好吃又简单 糟鱼的做法 甜酒酿的做法