JS實現(xiàn)動態(tài)給圖片添加邊框的方法
更新時間：2015年04月01日 11:33:18 作者：瘋狂一夏
這篇文章主要介紹了JS實現(xiàn)動態(tài)給圖片添加邊框的方法,涉及javascript操作圖片border的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了JS實現(xiàn)動態(tài)給圖片添加邊框的方法。分享給大家供大家參考。具體如下：
下面的JS代碼設(shè)置圖片的邊框為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程序設(shè)計有所幫助。
您可能感興趣的文章:
相關(guān)文章
在使用ECharts繪制折線圖時,為了豐富圖表的視覺表達,設(shè)計師們常常會為視圖搭配上不同的圖標,下面這篇文章主要給大家介紹了關(guān)于Echarts自定義圖形的方法參考,需要的朋友可以參考下2023-02-02
JavaScript實現(xiàn)電商平臺商品細節(jié)圖
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)電商平臺商品細節(jié)圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
js屏蔽F12審查元素，禁止修改頁面代碼等實現(xiàn)代碼
有時候我們需要屏蔽客戶端的F12，以防菜鳥也可以隨意修改我們的代碼，也處于源碼的保護等操作，這里就為大家分享一下常見的代碼2020-10-10
如何在JavaScript中使用localStorage詳情
這篇文章主要介紹了如何在JavaScript中使用localStorage，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-02-02
圖片Slider的效果想必大家都有見到過吧，下面使用js簡單實現(xiàn)下，喜歡的朋友可以參考下，希望對大家有所幫助2013-08-08
與ClientWidth有關(guān)的一點資料...2006-08-08
layui在form表單頁面通過Validform加入簡單驗證的方法
今天小編就為大家分享一篇layui在form表單頁面通過Validform加入簡單驗證的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了JS打印組合功能，包括JS實現(xiàn)簡單的頁面局部打印，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要介紹了JS實現(xiàn)的自定義網(wǎng)頁拖動類,涉及頁面元素響應(yīng)鼠標事件動態(tài)改變屬性的相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2015-11-11
JavaScript+HTML5實現(xiàn)的日期比較功能示例
這篇文章主要介紹了JavaScript+HTML5實現(xiàn)的日期比較功能,涉及javascript結(jié)合HTML5針對日期的轉(zhuǎn)換與運算相關(guān)操作技巧,需要的朋友可以參考下2017-07-07