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 相关文章推荐
使用自定义setTimeout和setInterval使之可以传递参数和对象参数
Apr 24 Javascript
使用jQuery validate 验证注册表单实例演示
Mar 25 Javascript
Javascript表格翻页效果的具体实现
Oct 05 Javascript
js实现类似jquery里animate动画效果的方法
Apr 10 Javascript
Jquery实现动态切换图片的方法
May 18 Javascript
遍历json 对象的属性并且动态添加属性的实现
Dec 02 Javascript
JavaScript中捕获与冒泡详解及实例
Feb 03 Javascript
vue自定义指令directive实例详解
Jan 17 Javascript
使用express搭建一个简单的查询服务器的方法
Feb 09 Javascript
微信小程序实现文字跑马灯
May 26 Javascript
js根据需要计算数组中重复出现某个元素的个数
Jan 18 Javascript
你准备好迎接vue3.0了吗
Apr 28 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 服务器配置(使用Apache及IIS两种方法)
2009/06/01 PHP
PHP abstract 抽象类定义与用法示例
2018/05/29 PHP
jquery $.ajax入门应用二
2008/11/19 Javascript
javascript hasFocus使用实例
2010/06/29 Javascript
JQuery开发的数独游戏代码
2010/10/29 Javascript
jquery将一个表单序列化为一个对象的方法
2013/12/02 Javascript
jquery 快速回到页首的方法
2013/12/05 Javascript
js中AppendChild与insertBefore的用法详细解析
2013/12/16 Javascript
JS 打印界面的CSS居中代码适用所有浏览器
2014/03/19 Javascript
Google Maps API地图应用示例分享
2014/10/23 Javascript
javascript实时显示当天日期的方法
2015/05/20 Javascript
JS+CSS实现带有碰撞缓冲效果的竖向导航条代码
2015/09/15 Javascript
javascript同步服务器时间和同步倒计时小技巧
2015/09/24 Javascript
基于jQuery仿淘宝产品图片放大镜代码分享
2020/06/23 Javascript
jQuery实现Email邮箱地址自动补全功能代码
2015/11/03 Javascript
js实现div模拟模态对话框展现URL内容
2016/05/27 Javascript
深入理解 JavaScript 中的 JSON
2017/04/06 Javascript
js设置鼠标悬停改变背景色实现详解
2019/06/26 Javascript
解决vue打包后刷新页面报错:Unexpected token
2019/08/27 Javascript
如何基于filter实现网站整体变灰功能
2020/04/17 Javascript
python迭代器实例简析
2014/09/25 Python
浅析Python中MySQLdb的事务处理功能
2016/09/21 Python
python在ubuntu中的几种安装方法(小结)
2017/12/08 Python
PyGame贪吃蛇的实现代码示例
2018/11/21 Python
Python pandas自定义函数的使用方法示例
2019/11/20 Python
解决jupyter notebook 出现In[*]的问题
2020/04/13 Python
Html5页面上如何禁止手机虚拟键盘弹出
2020/03/19 HTML / CSS
美国网上鞋城:Shoeline.com
2016/11/17 全球购物
jurlique茱莉蔻英国官网:澳洲天然护肤品
2018/08/03 全球购物
AOP的定义以及作用
2013/09/08 面试题
SQL SERVER面试资料
2013/03/30 面试题
好军嫂事迹材料
2014/01/15 职场文书
检察院起诉书
2015/05/20 职场文书
医院党建工作总结2015
2015/05/26 职场文书
迎新生晚会主持词
2015/06/30 职场文书
2016机关干部作风建设心得体会
2016/01/21 职场文书