JS设置网页图片vspace和hspace属性的方法


Posted in Javascript onApril 01, 2015

本文实例讲述了JS设置网页图片vspace和hspace属性的方法。分享给大家供大家参考。具体分析如下:

hspace可以以像素为单位,指定图像左边和右边的文字与图像之间的间距;vspace 值则是上面的下面的文字与图像之间的距离的像素数

<!DOCTYPE html>
<html>
<head>
<script>
function setSpace()
{
document.getElementById("compman").hspace="50";
document.getElementById("compman").vspace="50";
}
</script>
</head>
<body>
<img id="compman" src="compman.gif" alt="Computerman"
width="107" height="98">
<p>Some text. Some text. Some text. Some text.</p>
<input type="button" onclick="setSpace()" 
value="Set hspace and vspace">
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
js 纯数字不重复排列的另类方法
Jul 17 Javascript
jQuery中ajax的load()方法用法实例
Dec 26 Javascript
javascript实现带节日和农历的日历特效
Feb 01 Javascript
JS实现定时自动关闭DIV层提示框的方法
May 11 Javascript
JS模拟按钮点击功能的方法
Dec 22 Javascript
前端框架Vue.js中Directive知识详解
Sep 12 Javascript
Kendo Grid editing 自定义验证报错提示的解决方法
Nov 18 Javascript
详解Angular2 关于*ngFor 嵌套循环
May 22 Javascript
简单谈谈require模块化jquery和angular的问题
Jun 23 jQuery
关于JS与jQuery中的文档加载问题
Aug 22 jQuery
详解vue中点击空白处隐藏div的实现(用指令实现)
Apr 19 Javascript
使用axios请求接口,几种content-type的区别详解
Oct 29 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
JavaScript判断是否为数组的3种方法及效率比较
Apr 01 #Javascript
You might like
利用php获取服务器时间的实现代码
2013/06/07 PHP
PHP DB 数据库连接类定义与用法示例
2019/03/11 PHP
解决php写入数据库乱码的问题
2019/09/17 PHP
基于jquery的仿百度的鼠标移入图片抖动效果
2010/09/17 Javascript
深入理解JavaScript系列(10) JavaScript核心(晋级高手必读篇)
2012/01/15 Javascript
jQuery.extend()的实现方式详解及实例
2013/06/29 Javascript
jquery 单引号和双引号的区别及使用注意
2013/07/31 Javascript
js出生日期 年月日级联菜单示例代码
2014/01/10 Javascript
在Node.js中实现文件复制的方法和实例
2014/06/05 Javascript
JS实现从表格中动态删除指定行的方法
2015/03/31 Javascript
javascript实现控制的多级下拉菜单
2015/07/05 Javascript
JavaScript中文件上传API详解
2016/04/01 Javascript
纯js实现瀑布流布局及ajax动态新增数据
2016/04/07 Javascript
js实现上下左右弹框划出效果
2017/03/08 Javascript
angular directive的简单使用总结
2017/05/24 Javascript
Vue.JS实现垂直方向展开、收缩不定高度模块的JS组件
2018/06/19 Javascript
jQuery控制input只能输入数字和两位小数的方法
2019/05/16 jQuery
《javascript设计模式》学习笔记一:Javascript面向对象程序设计对象成员的定义分析
2020/04/07 Javascript
[01:07:13]TNC vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
详解Python中__str__和__repr__方法的区别
2015/04/17 Python
Python简单实现安全开关文件的两种方式
2016/09/19 Python
python运行其他程序的实现方法
2017/07/14 Python
python模块smtplib学习
2018/05/22 Python
浅析python字符串前加r、f、u、l 的区别
2021/01/24 Python
HTML5 Canvas draw方法制作动画效果示例
2013/07/11 HTML / CSS
美国知名的在线旅游服务网站:Priceline
2016/07/23 全球购物
加热夹克:RAVEAN
2018/10/19 全球购物
英国和世界各地预订便宜的酒店:LateRooms.com
2019/05/05 全球购物
在校生党员自我评价
2013/09/25 职场文书
学年自我鉴定范文
2013/10/01 职场文书
电焊工岗位职责
2014/03/06 职场文书
现金出纳岗位职责
2014/03/15 职场文书
计算机相关专业自荐信
2014/07/02 职场文书
乡镇领导班子批评与自我批评材料
2014/09/23 职场文书
教师信息技术学习心得体会
2016/01/21 职场文书
2016年区委书记抓基层党建工作公开承诺书
2016/03/25 职场文书