编程 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延时加载之defer测试

Dec 28 Javascript

jQuery之ajax技术的详细介绍

Jun 19 Javascript

javascript操作html控件实例(javascript添加html)

Dec 02 Javascript

两种方法解决javascript url post 特殊字符转义 + & #

Apr 13 Javascript

javascript中获取元素标签中间的内容的实现方法

Oct 08 Javascript

jQuery插件FusionCharts绘制的3D饼状图效果实例【附demo源码下载】

Mar 03 Javascript

jquery实现折叠菜单效果【推荐】

Mar 08 Javascript

jquery实现用户登陆界面(示例讲解)

Sep 06 jQuery

使用vue-cli+webpack搭建vue开发环境的方法

Dec 22 Javascript

对vux点击事件的优化详解

Aug 28 Javascript

js核心基础之构造函数constructor用法实例分析

May 11 Javascript

JS实现简易图片自动轮播

Oct 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

杏林同学录(九)

2006/10/09 PHP

php smarty模版引擎中的缓存应用

2009/12/11 PHP

Notice: Trying to get property of non-object problem(PHP)解决办法

2012/03/11 PHP

在js中使用"with"语句中跨frame的变量引用问题

2007/03/08 Javascript

jQuery使用手册之事件处理

2007/03/24 Javascript

通过Unicode转义序列来加密,按你说的可以算是混淆吧

2007/05/06 Javascript

基于jQuery的的一个隔行变色，鼠标移动变色的小插件

2010/07/06 Javascript

javascript循环变量注册dom事件之强大的闭包

2010/09/08 Javascript

腾讯UED 漂亮的提示信息效果代码

2011/09/12 Javascript

javascript一元操作符(递增、递减)使用示例

2013/08/07 Javascript

JavaScript计时器示例分析

2015/02/05 Javascript

使用JavaScript刷新网页的方法

2015/06/04 Javascript

jQuery实现的placeholder效果完整实例

2016/08/02 Javascript

JavaScript获取键盘按键的键码(参照表)

2017/01/10 Javascript

利用vue组件自定义v-model实现一个Tab组件方法示例

2017/12/06 Javascript

javascript少儿编程关于返回值的函数内容

2018/05/27 Javascript

Vue 中对图片地址进行拼接的方法

2018/09/03 Javascript

python的描述符(descriptor)、装饰器（property）造成的一个无限递归问题分享

2014/07/09 Python

python错误调试及单元文档测试过程解析

2019/12/19 Python

python访问hdfs的操作

2020/06/06 Python

python 制作磁力搜索工具

2021/03/04 Python

IdealFit官方网站：女性蛋白质、补充剂和运动服装

2019/03/24 全球购物

印尼在线购买隐形眼镜网站：Lensza.co.id

2019/04/27 全球购物

Java的类可以定义为Protected或者Private得吗

2015/09/25 面试题

预备党员转正思想汇报

2014/01/12 职场文书

给领导的致歉信范文

2014/01/13 职场文书

运动会闭幕式解说词

2014/02/21 职场文书

社会实践先进工作者事迹材料

2014/05/06 职场文书

环保建议书100字

2014/05/14 职场文书

市场推广策划方案

2014/06/02 职场文书

2014旅游局领导班子四风问题对照检查材料思想汇报

2014/09/19 职场文书

企业2014年度工作总结

2014/12/10 职场文书

党员先进事迹材料

2014/12/19 职场文书

2019年公司快递收发管理制度模板

2019/11/20 职场文书

纯CSS实现hover图片pop-out弹出效果的实例代码

2021/04/16 HTML / CSS

centos环境下nginx高可用集群的搭建指南

2022/07/23 Servers