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 深拷贝函数
Dec 04 Javascript
JQUERY操作JSON实例代码
Feb 09 Javascript
Jquery实现自定义窗口随意的拖拽
Mar 12 Javascript
举例讲解jQuery中可见性过滤选择器的使用
Apr 18 Javascript
jquery html5 视频播放控制代码
Nov 06 Javascript
layer实现弹窗提交信息
Dec 12 Javascript
jQuery插件FusionCharts绘制2D双折线图效果示例【附demo源码】
Apr 14 jQuery
react以create-react-app为基础创建项目
Mar 14 Javascript
TensorFlow.js 微信小程序插件开始支持模型缓存的方法
Feb 21 Javascript
JavaScript实现Tab标签页切换的最简便方式(4种)
Jun 28 Javascript
Vue点击切换Class变化,实现Active当前样式操作
Jul 17 Javascript
SpringBoot+Vue开发之Login校验规则、实现登录和重置事件
Oct 19 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学习资源和链接.
2006/12/05 PHP
把1316这个数表示成两个数的和,其中一个为13的倍数,另一个是11的倍数,求这两个数。
2011/06/24 PHP
测试PHP连接MYSQL成功与否的代码
2013/08/16 PHP
PHP引用(&amp;)各种使用方法实例详解
2014/03/20 PHP
php判断输入是否是纯数字,英文,汉字的方法
2015/03/05 PHP
php中10个不同等级压缩优化图片操作示例
2016/11/14 PHP
PHP时间处理类操作示例
2018/09/05 PHP
Laravel框架模型的创建及模型对数据操作示例
2019/05/07 PHP
通过百度地图获取公交线路的站点坐标的js代码
2012/05/11 Javascript
window.navigate 与 window.location.href 的使用区别介绍
2013/09/21 Javascript
ie8本地图片上传预览示例代码
2014/01/12 Javascript
jquery网页回到顶部效果(图标渐隐,自写)
2014/06/16 Javascript
indexedDB bootstrap angularjs之 MVC DOMO (应用示例)
2016/06/20 Javascript
JS读写CSS样式的方法汇总
2016/08/16 Javascript
jQuery 实现图片的依次加载图片功能
2017/07/06 jQuery
关于Vue Webpack2单元测试示例详解
2017/08/14 Javascript
简单理解Vue中的nextTick方法
2018/01/30 Javascript
vue项目base64字符串转图片的实现代码
2018/07/13 Javascript
微信小程序如何连接Java后台
2019/08/08 Javascript
vue 计算属性和侦听器的使用小结
2021/01/25 Vue.js
[00:58]他们到底在电话里听到了什么?
2017/11/21 DOTA
Python中用Ctrl+C终止多线程程序的问题解决
2013/03/30 Python
django实现分页的方法
2015/05/26 Python
全面理解Python中self的用法
2016/06/04 Python
Python列表list操作符实例分析【标准类型操作符、切片、连接字符、列表解析、重复操作等】
2017/07/24 Python
Python set常用操作函数集锦
2017/11/15 Python
Python3 SSH远程连接服务器的方法示例
2018/12/29 Python
numpy中的ndarray方法和属性详解
2019/05/27 Python
浅谈keras2 predict和fit_generator的坑
2020/06/17 Python
python request 模块详细介绍
2020/11/10 Python
一款CSS3实现多功能下拉菜单(带分享按)的教程
2014/11/05 HTML / CSS
土耳其风格手工珠宝:Ottoman Hands
2019/07/26 全球购物
随机分配座位,共50个学生,使学号相邻的同学座位不能相邻
2014/01/18 面试题
2014年汽车销售工作总结
2014/12/01 职场文书
大学毕业晚会开场白
2015/05/29 职场文书
2015年秋季学校开学标语
2015/07/16 职场文书