這篇文章主要介紹了JS實現動態給圖片添加邊框的方法,涉及javascript操作圖片border的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了JS實現動態給圖片添加邊框的方法。分享給大家供大家參考。具體如下：
下面的JS代碼設置圖片的邊框為2個像素，即border=2
- <!DOCTYPE html>
- <html>
- <head>
- <script>
- function addBorder()
- {
- document.getElementById("compman").border="2";
- }
- </script>
- </head>
- <body>
- <img id="compman" src="compman.gif" alt="Computerman"
- width="107" height="98">
- <br><br>
- <input type="button" onclick="addBorder()"
- value="Add border">
- </body>
- </html>
希望本文所述對大家的javascript程序設計有所幫助。
新聞熱點
疑難解答
圖片精選
