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

Locate a File Using a File Open Dialog Box

Jun 18 Javascript

解决jquery .ajax 在IE下卡死问题的解决方法

Oct 26 Javascript

jQuery获取页面及个元素高度、宽度的总结——超实用

Jul 28 Javascript

全面理解JavaScript中的闭包

May 12 Javascript

JS用斜率判断鼠标进入DIV四个方向的方法

Nov 07 Javascript

jquery使用EasyUI Tree异步加载JSON数据（生成树）

Feb 11 Javascript

js实现简单选项卡功能

Mar 23 Javascript

在vue中更换字体,本地存储字体非引用在线字体库的方法

Sep 28 Javascript

vue-cli3搭建项目的详细步骤

Dec 05 Javascript

JavaScript实现左右滚动电影画布

Feb 06 Javascript

Node.js API详解之 os模块用法实例分析

May 06 Javascript

js+css实现全屏侧边栏

Jun 16 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除数取整示例

2014/04/24 PHP

PHP实现的带超时功能get_headers函数

2015/02/10 PHP

php链表用法实例分析

2015/07/09 PHP

Laravel框架查询构造器 CURD操作示例

2019/09/04 PHP

php利用ZipArchive类操作文件的实例

2020/01/21 PHP

JavaScript中的集合及效率

2010/01/08 Javascript

js 编写规范

2010/03/03 Javascript

悄悄用脚本检查你访问过哪些网站的代码

2010/12/04 Javascript

js解析与序列化json数据(二)序列化探讨

2013/02/01 Javascript

js中哈希表的几种用法总结

2014/01/28 Javascript

jquery中load方法的用法及注意事项说明

2014/02/22 Javascript

基于promise.js实现nodejs的promises库

2014/07/06 NodeJs

Javascript学习笔记之函数篇（三） : 闭包和引用

2014/11/23 Javascript

如何使用headjs来管理和异步加载js

2016/11/29 Javascript

JavaScript使用正则表达式获取全部分组内容的方法示例

2017/01/17 Javascript

JQuery和html+css实现带小圆点和左右按钮的轮播图实例

2017/07/22 jQuery

node.js实现微信JS-API封装接口的示例代码

2017/09/06 Javascript

jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例

2018/05/09 jQuery

详解mpvue实现对苹果X安全区域的适配

2019/07/31 Javascript

vue 检测用户上传图片宽高的方法

2020/02/06 Javascript

[01:29:46]DOTA2上海特级锦标赛C组资格赛#1 OG VS LGD第二局

2016/02/27 DOTA

判断网页编码的方法python版

2016/08/12 Python

Pycharm导入Python包,模块的图文教程

2018/06/13 Python

python退出命令是什么？详解python退出方法

2018/12/10 Python

Python 实现两个服务器之间文件的上传方法

2019/02/13 Python

Python多项式回归的实现方法

2019/03/11 Python

Django框架模板语言实例小结【变量，标签，过滤器，继承，html转义】

2019/05/23 Python

pandas中DataFrame修改index、columns名的方法示例

2019/08/02 Python

自定义Django Form中choicefield下拉菜单选取数据库内容实例

2020/03/13 Python

Pycharm插件(Grep Console)自定义规则输出颜色日志的方法

2020/05/27 Python

移动Web—CSS为Retina屏幕替换更高质量的图片

2012/12/24 HTML / CSS

西班牙在线宠物商店：zooplus.es

2017/02/24 全球购物

Optimalprint加拿大：在线打印服务

2020/04/03 全球购物

宗教学大学生职业生涯规划范文

2014/02/08 职场文书

2015年小班保育员工作总结

2015/05/27 职场文书

SQL 尚未定义空闲 CPU 条件 - OnIdle 作业计划将不起任何作用

2021/06/30 SQL Server