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

jQuery 对Select的操作备忘记录

Jul 04 Javascript

jquery 插件学习（三）

Aug 06 Javascript

JS弹出窗口代码大全(详细整理)

Dec 21 Javascript

JS替换文本域内的回车示例

Feb 18 Javascript

Javascript实现多彩雪花从天降散落效果的方法

Feb 02 Javascript

简介JavaScript中的getSeconds()方法的使用

Jun 10 Javascript

jquery二级目录选中当前页的css样式

Dec 08 Javascript

微信小程序侧边栏滑动特效(左右滑动)

Jan 23 Javascript

js通过keyCode值判断单击键盘上某个键,然后触发指定的事件方法

Feb 19 Javascript

详解angular应用容器化部署

Aug 14 Javascript

vue弹窗插件实战代码

Sep 08 Javascript

Ant design vue table 单击行选中勾选checkbox教程

Oct 24 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

Yii中使用PHPExcel导出Excel的方法

2014/12/26 PHP

php获得网站访问统计信息类Compete API用法实例

2015/04/02 PHP

PHP MySql增删改查的简单实例

2016/06/21 PHP

PHP实现创建一个RPC服务操作示例

2020/02/23 PHP

JavaScript 直接操作本地文件的实现代码

2009/12/01 Javascript

jquery 插件开发备注

2010/08/27 Javascript

13个绚丽的Jquery 界面设计网站推荐

2010/09/28 Javascript

通过复制Table生成word和excel的javascript代码

2014/01/20 Javascript

js实现延时加载Flash的方法

2015/11/26 Javascript

jQuery焦点图轮播插件KinSlideshow用法分析

2016/06/08 Javascript

解析javascript图片懒加载与预加载的分析总结

2016/10/27 Javascript

jQuery代码实现实时获取时间

2017/01/29 Javascript

详解nodejs的express如何自动生成项目框架

2017/07/12 NodeJs

select标签设置默认选中的选项方法

2018/03/02 Javascript

解决淘宝cnpm 安装后cnpm不是内部或外部命令的问题

2018/05/17 Javascript

layer弹出层倒计时关闭的实现方法

2019/09/27 Javascript

微信小程序下拉刷新及上拉加载原理解析

2019/11/06 Javascript

Vue搭建后台系统需要注意的问题

2019/11/08 Javascript

详解vue中v-bind:style效果的自定义指令

2020/01/21 Javascript

vue props 一次传多个值实例

2020/07/22 Javascript

浅谈python数据类型及类型转换

2017/12/18 Python

python使用tkinter实现简单计算器

2018/01/30 Python

在PyCharm下打包*.py程序成.exe的方法

2018/11/29 Python

python引用(import)某个模块提示没找到对应模块的解决方法

2019/01/19 Python

Python3.5字符串常用操作实例详解

2019/05/01 Python

Python 监测文件是否更新的方法

2019/06/10 Python

Django对接支付宝实现支付宝充值金币功能示例

2019/12/17 Python

德国童装购物网站：NICKI´S.com

2018/04/20 全球购物

给民警的表扬信

2014/01/08 职场文书

银行员工职业规划范文

2014/01/21 职场文书

大学军训感言800字

2014/02/27 职场文书

会计系毕业求职信

2014/08/07 职场文书

2014年医务科工作总结

2014/12/18 职场文书

南京导游词

2015/02/03 职场文书

2019西餐厅创业计划书范文！

2019/07/12 职场文书

JavaScript 中for/of,for/in 的详细介绍

2021/11/17 Javascript