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如何在运行时仅生成启动项目和依赖项
  • 热门搜索
    诚信从我做起手抄报 五年级手抄报大全 海洋手抄报图片 一年级感恩手抄报 中华经典诵读手抄报 手抄报花边难又漂亮 校园安全手抄报图片 小英雄手抄报 安全手抄报图案 环境手抄报资料