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如何在运行时仅生成启动项目和依赖项
  • 热门搜索
    为什么地球是圆的 避孕药怎么吃 蘑菇怎么做好吃 海水为什么不能喝 平方米怎么算 胃胀气怎么办 苹果水怎么煮 贫困证明怎么写 肾结石怎么治最好 我的世界漏斗怎么用