编程 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 相关文章推荐

33种Javascript 表格排序控件收集

Dec 03 Javascript

jQuery晃动层特效实现方法

Mar 09 Javascript

jQuery实现模拟marquee标签效果

Jul 14 Javascript

javascript弹出窗口实现代码

Nov 12 Javascript

Bootstrap每天必学之按钮（Button）插件

Apr 25 Javascript

Angular多选、全选、批量选择操作实例代码

Mar 10 Javascript

前端把html表格生成为excel表格的实例

Sep 19 Javascript

bootstrap表格内容过长时用省略号表示的解决方法

Nov 21 Javascript

详解JavaScript基础知识（JSON、Function对象、原型、引用类型）

Jan 16 Javascript

vue计算属性时v-for处理数组时遇到的一个bug问题

Jan 21 Javascript

Node.js API详解之 querystring用法实例分析

Apr 29 Javascript

JavaScript实现简单动态表格

Dec 02 Javascript

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中的use关键字及文件的加载详解

2016/11/28 PHP

使用Apache的rewrite

2021/03/09 Servers

Autocomplete Textbox Example javascript实现自动完成成功

2007/08/17 Javascript

基于jquery.Jcrop的头像编辑器

2010/03/01 Javascript

预加载css或javascript的js代码

2010/04/23 Javascript

jquery中radio checked问题

2015/03/16 Javascript

JavaScript模拟实现继承的方法

2015/03/30 Javascript

JavaScript数组迭代器实例分析

2015/06/09 Javascript

JS判断页面是否出现滚动条的方法

2015/07/17 Javascript

jquery获取所有选中的checkbox实现代码

2016/05/26 Javascript

js实现砖头在页面拖拉效果

2020/11/20 Javascript

JS失效提示HTML1114: (UNICODE 字节顺序标记)的代码页 utf-8 覆盖(META 标记)的冲突的代码页 utf-8

2017/06/23 Javascript

AngularJS常见过滤器用法实例总结

2017/07/06 Javascript

node.js处理前端提交的GET请求

2019/08/30 Javascript

Vue中关闭弹窗组件时销毁并隐藏操作

2020/09/01 Javascript

Python translator使用实例

2008/09/06 Python

八大排序算法的Python实现

2021/01/28 Python

Python文件操作,open读写文件,追加文本内容实例

2016/12/14 Python

Django 根据数据模型models创建数据表的实例

2018/05/27 Python

python将list转为matrix的方法

2018/12/12 Python

通过shell+python实现企业微信预警

2019/03/07 Python

pandas 如何分割字符的实现方法

2019/07/29 Python

Python接口开发实现步骤详解

2020/04/26 Python

Scrapy中如何向Spider传入参数的方法实现

2020/09/28 Python

使用CSS3设计地图上的雷达定位提示效果

2016/04/05 HTML / CSS

用HTML5制作视频拼图的教程

2015/05/13 HTML / CSS

浅谈Html5页面打开app的一些思考

2020/03/30 HTML / CSS

解决html5中的video标签ios系统中无法播放使用的问题

2020/08/10 HTML / CSS

Waterford加拿大官方网站：世界著名的水晶杯品牌

2016/11/01 全球购物

如何利用find命令查找文件

2016/11/18 面试题

继电保护工岗位职责

2014/01/05 职场文书

大学生自我评价范文分享

2014/02/21 职场文书

课内比教学心得体会

2014/09/09 职场文书

工会工作个人总结

2015/03/03 职场文书

LayUI+Shiro实现动态菜单并记住菜单收展的示例

2021/05/06 Javascript

海康机器人重磅发布全新算法开发平台VM4.2

2022/04/21 数码科技