快捷導(dǎo)航

JS實(shí)現(xiàn)動(dòng)態(tài)給圖片添加邊框的方法

更新時(shí)間：2015年04月01日 11:33:18 作者：瘋狂一夏

這篇文章主要介紹了JS實(shí)現(xiàn)動(dòng)態(tài)給圖片添加邊框的方法,涉及javascript操作圖片border的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了JS實(shí)現(xiàn)動(dòng)態(tài)給圖片添加邊框的方法。分享給大家供大家參考。具體如下：

下面的JS代碼設(shè)置圖片的邊框?yàn)?個(gè)像素，即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>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

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