当前位置: 首页 > 编程笔记 >

JS实现动态给图片添加边框的方法

邵弘义
2023-03-14
本文向大家介绍JS实现动态给图片添加边框的方法,包括了JS实现动态给图片添加边框的方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了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实现鼠标悬浮给图片加边框的方法,包括了js实现鼠标悬浮给图片加边框的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现鼠标悬浮给图片加边框的方法。分享给大家供大家参考。具体实现方法如下: html代码: js代码: css代码: 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍PhotoShop给图片自动添加边框及EXIF信息的JS脚本,包括了PhotoShop给图片自动添加边框及EXIF信息的JS脚本的使用技巧和注意事项,需要的朋友参考一下 作为一名“摄影爱好者”(好吧我承认我不太合格,我才玩摄影没几天-_-!!)总有一件事情避免不了,就是让照片带上EXIF的参数,虽然本人的部落格已经安装了插件可以显示出EXIF信息,但是感觉插件还是不太给力,此外还要考

  • 本文向大家介绍JS实现给对象动态添加属性的方法,包括了JS实现给对象动态添加属性的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS实现给对象动态添加属性的方法。分享给大家供大家参考,具体如下: 在工作用要用到给jd对象动态添加属性的要求,在网上找到了一种解决方式,实例如下: 1、demo 这种方式试过确实可以 2、项目中使用 遍历input获取值,js对象动态添加属性和属性值。 更

  • 本文向大家介绍JS动态图片的实现方法完整示例,包括了JS动态图片的实现方法完整示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS动态图片的实现方法。分享给大家供大家参考,具体如下: 运行效果: 感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。 更多关于JavaSc

  • 本文向大家介绍JS脚本实现动态给标签控件添加事件的方法,包括了JS脚本实现动态给标签控件添加事件的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS脚本实现动态给标签控件添加事件的方法。分享给大家供大家参考,具体如下: PS:代码排版貌似不太尽如人意,这里小编给大家推荐几款代码格式化工具,相信在以后的编程开发中能够用得到: C语言风格/HTML/CSS/json代码格式化美化工具:

  • 本文向大家介绍php实现图片添加描边字和马赛克的方法,包括了php实现图片添加描边字和马赛克的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了php实现图片添加描边字和马赛克的方法。分享给大家供大家参考。具体实现方法如下: 马赛克:void imagemask ( resource image, int x1, int y1, int x2, int y2, int deep) ima