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

High Performance JavaScript(高性能JavaScript)读书笔记分析

May 05 Javascript

跨域传值即主页面与iframe之间互相传值

Dec 09 Javascript

原生JS实现美图瀑布流布局赏析

Sep 07 Javascript

JS实现滑动门效果的方法详解

Dec 19 Javascript

ionic实现下拉刷新载入数据功能

May 11 Javascript

在页面中引入js的两种方法(推荐)

Aug 29 Javascript

JavaScript 中的 this 简单规则

Sep 19 Javascript

微信小程序登录换取token的教程

May 31 Javascript

详解Vue开发微信H5微信分享签名失败问题解决方案

Aug 09 Javascript

jQuery实现根据身份证号获取生日、年龄、性别等信息的方法

Jan 09 jQuery

微信小程序template模版的使用方法

Apr 13 Javascript

微信提示在浏览器打开效果实现过程解析

Sep 10 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

咖啡豆分级制度咖啡豆等级分类咖啡豆是按口感分类的吗？

2021/03/05 新手入门

php给图片添加文字水印方法汇总

2015/08/27 PHP

PHP判断表达式中括号是否匹配的简单实例

2016/10/22 PHP

PHP环境搭建(php+Apache+mysql)

2016/11/14 PHP

php实现多站点共用session实现单点登录的方法详解

2019/09/18 PHP

服务器安全设置的几个注册表设置

2007/07/28 Javascript

jQuery ajax 路由和过滤器使用说明

2011/08/02 Javascript

通过百度地图获取公交线路的站点坐标的js代码

2012/05/11 Javascript

Javascript模块化编程(三)require.js的用法及功能介绍

2013/01/17 Javascript

Extjs407 getValue()和getRawValue()区别介绍

2013/05/21 Javascript

jquery性能优化高级技巧

2015/08/24 Javascript

js实现新浪微博首页效果

2015/10/16 Javascript

Bootstrap Table表格一直加载(load)不了数据的快速解决方法

2016/09/17 Javascript

nodejs socket服务端和客户端简单通信功能

2017/09/14 NodeJs

详解Webpack+Babel+React开发环境的搭建的方法步骤

2018/01/09 Javascript

webpack file-loader和url-loader的区别

2019/01/15 Javascript

Vue项目中配置pug解析支持

2019/05/10 Javascript

vue实现放大镜效果

2020/09/17 Javascript

用python写个自动SSH登录远程服务器的小工具(实例)

2017/06/17 Python

python3中os.path模块下常用的用法总结【推荐】

2018/09/16 Python

python用插值法绘制平滑曲线

2021/02/19 Python

Flask框架搭建虚拟环境的步骤分析

2019/12/21 Python

Python:type、object、class与内置类型实例

2019/12/25 Python

python GUI库图形界面开发之PyQt5线程类QThread详细使用方法

2020/02/26 Python

Python Celery异步任务队列使用方法解析

2020/08/10 Python

CSS3对图片照片进行边缘模糊处理的实现

2018/08/08 HTML / CSS

世界闻名的衬衫制造商：Savile Row Company

2018/07/30 全球购物

介绍一下Java中的Class类

2015/04/10 面试题

合作经营协议书

2014/04/17 职场文书

艺术设计专业求职自荐信

2014/05/19 职场文书

保护环境的标语

2014/06/09 职场文书

三方股东合作协议书范本

2014/09/28 职场文书

2014年服务员工作总结

2014/11/18 职场文书

六一晚会主持词开场白

2015/05/28 职场文书

导游词之凤凰古城

2019/10/22 职场文书

教你快速开启Apache SkyWalking的自监控

2021/04/25 Servers