编程 Javascript

JS实现动态给图片添加边框的方法

Posted in Javascript onApril 01, 2015

本文实例讲述了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程序设计有所帮助。

JS实现动态给图片添加边框的方法

- Author -

疯狂一夏

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Javascript实现的分页函数

Feb 07 Javascript

基于jQuery的简单九宫格实现代码

Aug 09 Javascript

ie7+背景透明文字不透明超级简单的实现方法

Jan 17 Javascript

Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击

Feb 12 Javascript

鼠标经过子元素触发mouseout，mouseover事件的解决方案

Jul 26 Javascript

jQuery height()、innerHeight()、outerHeight()函数的区别详解

May 23 Javascript

深入解析桶排序算法及Node.js上JavaScript的代码实现

Jul 06 Javascript

Bootstrap table两种分页示例

Dec 23 Javascript

分析javascript中9 个常见错误阻碍你进步

Sep 18 Javascript

原生js实现随机点名功能

Nov 05 Javascript

JavaScript实现alert弹框效果

Nov 19 Javascript

Vue 3自定义指令开发的相关总结

Jan 29 Vue.js

JS设置网页图片vspace和hspace属性的方法

Apr 01 #Javascript

JS获取图片lowsrc属性的方法

Apr 01 #Javascript

JS获取网页图片name属性的方法

Apr 01 #Javascript

JS动态修改图片的URL（src）的方法

Apr 01 #Javascript

JavaScript之数组（Array）详解

Apr 01 #Javascript

JavaScript数据类型详解

Apr 01 #Javascript

JavaScript中使用Object.prototype.toString判断是否为数组

Apr 01 #Javascript

You might like

php flv视频时间获取函数

2010/06/29 PHP

php上传文件常见问题总结

2015/02/03 PHP

php批量删除操作（数据访问）

2017/05/23 PHP

PHP基于递归算法解决兔子生兔子问题

2018/05/11 PHP

PHP自定义递归函数实现数组转JSON功能【支持GBK编码】

2018/07/17 PHP

PHP框架实现WebSocket在线聊天通讯系统

2019/11/21 PHP

js异或加解密效果代码

2008/06/25 Javascript

Jquery实现带动画效果的经典二级导航菜单

2013/03/22 Javascript

jQuery获取注册信息并提示实现代码

2013/04/21 Javascript

利用cookie记住背景颜色示例代码

2013/11/04 Javascript

js闭包引起的事件注册问题介绍

2016/03/29 Javascript

使用JavaScript判断手机浏览器是横屏还是竖屏问题

2016/08/02 Javascript

浅谈JS中的bind方法与函数柯里化

2016/08/10 Javascript

jQuery的$.extend 浅拷贝与深拷贝

2017/03/08 Javascript

jQuery插件HighCharts绘制2D带有Legend的饼图效果示例【附demo源码下载】

2017/03/10 Javascript

微信小程序图片选择、上传到服务器、预览（PHP）实现实例

2017/05/11 Javascript

彻底搞懂JavaScript中的apply和call方法(必看)

2017/09/18 Javascript

vue项目中仿element-ui弹框效果的实例代码

2019/04/22 Javascript

在SSM框架下用laypage和ajax实现分页和数据交互的方法

2019/09/27 Javascript

Python 两个列表的差集、并集和交集实现代码

2016/09/21 Python

Python 操作MySQL详解及实例

2017/04/30 Python

selenium设置proxy、headers的方法(phantomjs、Chrome、Firefox)

2018/11/29 Python

使用pycharm在本地开发并实时同步到服务器

2019/08/02 Python

在django模板中实现超链接配置

2019/08/21 Python

python调用win32接口进行截图的示例

2020/11/11 Python

SISLEY希思黎官方旗舰店：享誉全球的奢华植物美容品牌

2018/04/25 全球购物

初中地理教学反思

2014/01/11 职场文书

擅自离岗检讨书

2014/02/11 职场文书

入党积极分子学习两会心得体会范文

2014/03/17 职场文书

表彰大会策划方案

2014/05/13 职场文书

工厂门卫的岗位职责

2014/07/27 职场文书

干部四风问题整改措施思想汇报

2014/10/13 职场文书

中小学生学籍证明

2014/10/25 职场文书

介绍信范文大全

2015/05/07 职场文书

信用卡催款律师函

2015/05/27 职场文书

2016年秋季开学典礼新闻稿

2015/11/25 职场文书