JS实现图片左右翻转效果

 时间:2026-04-23 05:36:13

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如何在运行时仅生成启动项目和依赖项
  • 热门搜索
    怎么样才能减肥 怎么样减肥最快最有效 怎么样删除微信好友 泰宁大金湖旅游攻略 长白山天池攻略 cf怎么解封 会计记账凭证怎么做 浙江大学城市学院怎么样 合理的减肥方法 跑步怎么调整呼吸