當前位置:趣味科普網>經驗>

JS實現圖片左右翻轉效果

經驗 閱讀(2.72W)

JS實現圖片左右翻轉效果

JS實現圖片左右翻轉效果

原圖:

點選按鈕後效果圖:

程式碼部分:

原始碼:

<body>

<formrunat="server">

<span>JS實現圖片左右翻轉效果</span>

<div>

<div>

<imgsrc="1.png"/>

</div>

<inputtype="button"value="JS實現圖片左右翻轉效果"

onClick="lementById('div1')er='fliph';">

</div>

</form>

</body>