JS实现图片左右翻转效果

 时间:2024-10-14 22:41:11

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如何在运行时仅生成启动项目和依赖项
  • 热门搜索
    面瘫的治疗方法 宫保鸡丁怎么做好吃 鼻窦炎治疗方法 流黄鼻涕是怎么回事 家庭群聊名称大全温馨 尿道炎是怎么引起的 大宝怎么样 几天不拉大便怎么办 炒土豆丝的家常做法 焖饭的做法大全