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 相关文章推荐
不懂JavaScript应该怎样学
Apr 16 Javascript
一个选择最快的服务器转向代码
Apr 27 Javascript
Javascript实现的鼠标经过时播放声音
May 18 Javascript
详解React开发中使用require.ensure()按需加载ES6组件
May 12 Javascript
第一次记录Bootstrap table学习笔记(1)
May 18 Javascript
Bootstrap Table 删除和批量删除
Sep 22 Javascript
js实现单张图片平移切换效果
Oct 11 Javascript
javaScript动态添加Li元素的实例
Feb 24 Javascript
Vue弹出菜单功能的实现代码
Sep 12 Javascript
js简单遍历获取对象中的属性值的方法示例
Jun 19 Javascript
在vue项目中使用sass语法问题
Jul 18 Javascript
bootstrap-table后端分页功能完整实例
Jun 01 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中的三元运算符使用说明
2011/07/03 PHP
php ctype函数中文翻译和示例
2014/03/21 PHP
php采集内容中带有图片地址的远程图片并保存的方法
2015/01/03 PHP
php中instanceof 与 is_a()区别分析
2015/03/03 PHP
thinkPHP下ueditor的使用方法详解
2015/12/26 PHP
PHP用户注册邮件激活账户的实现代码
2017/05/31 PHP
List the UTC Time on a Computer
2007/06/11 Javascript
一个简单的js动画效果代码
2010/07/20 Javascript
jquery 插件学习(三)
2012/08/06 Javascript
获取非最后一列td值并将title设为该值的方法
2013/10/30 Javascript
confirm的用法示例用于按钮操作时确定是否执行
2014/06/19 Javascript
浅谈javascript中createElement事件
2014/12/05 Javascript
跟我学习javascript创建对象(类)的8种方法
2015/11/20 Javascript
利用jQuery实现打字机字幕效果实例代码
2016/09/02 Javascript
基于JavaScript实现本地图片预览
2017/02/08 Javascript
node.js入门学习之url模块
2017/02/25 Javascript
Vue获取DOM元素样式和样式更改示例
2017/03/07 Javascript
Angualrjs和bootstrap相结合实现数据表格table
2017/03/30 Javascript
微信小程序 实现动态显示和隐藏某个控件
2017/04/27 Javascript
React 子组件向父组件传值的方法
2017/07/24 Javascript
js学习总结之dom2级事件基础知识详解
2017/07/27 Javascript
详解JS中的this、apply、call、bind(经典面试题)
2017/09/19 Javascript
JS实现运动缓冲效果的封装函数示例
2018/02/18 Javascript
Vue.js 中取得后台原生HTML字符串 原样显示问题的解决方法
2018/06/10 Javascript
JavaScript创建对象的四种常用模式实例分析
2019/01/11 Javascript
如何阻止小程序遮罩层下方图层滚动
2019/09/05 Javascript
JS手写一个自定义Promise操作示例
2020/03/16 Javascript
Python中isnumeric()方法的使用简介
2015/05/19 Python
Python使用poplib模块和smtplib模块收发电子邮件的教程
2016/07/02 Python
英国最大的正宗复古足球衫制造商和零售商:TOFFS
2018/06/21 全球购物
Tenstickers法国:墙贴和装饰贴纸
2019/08/26 全球购物
俄罗斯购买剧院和演唱会门票网站:Parter.ru
2019/11/09 全球购物
《蜗牛的奖杯》教后反思
2014/04/24 职场文书
初中生考试作弊检讨书
2014/12/14 职场文书
学校开除通知书
2015/04/25 职场文书
Mysql文件存储图文详解
2021/06/01 MySQL