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>

© 2026 长短途
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com