JS实现图片左右翻转效果

2025-11-20 13:34:22

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>

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢