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 相关文章推荐
11款新鲜的jQuery插件[附所有demo下载]
Jan 24 Javascript
js中浮点型运算BUG的解决方法说明
Jan 06 Javascript
多选列表框动态添加,移动,删除,全选等操作的简单实例
Jan 13 Javascript
JS动态增加删除UL节点LI及相关内容示例
May 21 Javascript
node.js中的fs.unlinkSync方法使用说明
Dec 15 Javascript
5种JavaScript脚本加载的方式
Jan 16 Javascript
从零学习node.js之文件操作(三)
Feb 21 Javascript
javascript 跨域问题以及解决办法
Jul 17 Javascript
Vue.js实现的表格增加删除demo示例
May 22 Javascript
jQuery点击页面其他部分隐藏下拉菜单功能
Nov 27 jQuery
9102年webpack4搭建vue项目的方法步骤
Feb 20 Javascript
jQuery设置下拉框显示与隐藏效果的方法分析
Sep 15 jQuery
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配置php-fpm启动参数及配置详解
2013/11/04 PHP
PHP文件大小格式化函数合集
2014/03/10 PHP
destoon实现调用图文新闻的方法
2014/08/21 PHP
实例讲解YII2中多表关联的使用方法
2017/07/21 PHP
Jquery 滑入滑出效果实现代码
2010/03/27 Javascript
自写的一个jQuery圆角插件
2010/10/26 Javascript
jQuery EasyUI API 中文文档 搜索框
2011/09/29 Javascript
现代 JavaScript 开发编程风格Idiomatic.js指南中文版
2014/05/28 Javascript
node.js中的events.emitter.removeListener方法使用说明
2014/12/10 Javascript
Jquery实现纵向横向菜单
2016/01/24 Javascript
JS中使用DOM来控制HTML元素
2016/07/31 Javascript
jQuery常见的选择器及用法介绍
2016/12/20 Javascript
小程序云开发部署攻略(图文教程)
2018/10/30 Javascript
Vue-cli项目部署到Nginx服务器的方法
2019/11/01 Javascript
Vue Router 实现动态路由和常见问题及解决方法
2020/03/06 Javascript
JS apply用法总结和使用场景实例分析
2020/03/14 Javascript
js实现上传按钮并显示缩略图小轮子
2020/05/04 Javascript
有趣的python小程序分享
2017/12/05 Python
使用Python写一个量化股票提醒系统
2018/08/22 Python
python找出一个列表中相同元素的多个索引实例
2019/06/11 Python
Python使用sklearn实现的各种回归算法示例
2019/07/04 Python
python设置环境变量的作用和实例
2019/07/09 Python
python实现图片九宫格分割
2021/03/07 Python
python判断两个序列的成员是否一样的实例代码
2020/03/01 Python
matplotlib阶梯图的实现(step())
2021/03/02 Python
记者岗位职责
2014/01/06 职场文书
优秀电子工程系毕业生求职信
2014/05/24 职场文书
地理科学专业自荐信
2014/09/01 职场文书
调任通知
2015/04/21 职场文书
2016年会领导致辞稿
2015/07/29 职场文书
php随机生成验证码,php随机生成数字,php随机生成数字加字母!
2021/04/01 PHP
mysql外连接与内连接查询的不同之处
2021/06/03 MySQL
Python自动化之批量处理工作簿和工作表
2021/06/03 Python
基于Go语言构建RESTful API服务
2021/07/25 Golang
基于Pygame实现简单的贪吃蛇游戏
2021/12/06 Python
vue实现列表拖拽排序的示例代码
2022/04/08 Vue.js