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
Nov 25 Javascript
JavaScript 的方法重载效果
Aug 07 Javascript
js类型转换与引用类型详解(Boolean_Number_String)
Mar 07 Javascript
jQuery抛物线运动实现方法(附完整demo源码下载)
Jan 08 Javascript
js中用cssText设置css样式的简单方法
Sep 19 Javascript
JavaScript实现事件的中断传播和行为阻止方法示例
Jan 20 Javascript
详解require.js配置路径的用法和css的引入
Sep 06 Javascript
利用JavaScript的%做隔行换色的实例
Nov 25 Javascript
vue2.x+webpack快速搭建前端项目框架详解
Nov 30 Javascript
Vue实现内部组件轮播切换效果的示例代码
Apr 07 Javascript
vue增加强缓存和版本号的实现方法
May 01 Javascript
js 将线性数据转为树形的示例代码
May 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
人族 Terran 基本策略
2020/03/14 星际争霸
拼音码表的生成
2006/10/09 PHP
深入php socket的讲解与实例分析
2013/06/13 PHP
php使用GD创建保持宽高比缩略图的方法
2015/04/17 PHP
PHP 在数组中搜索给定的简单实例 array_search 函数
2016/06/13 PHP
PHP与SQL语句写一句话木马总结
2019/10/11 PHP
用js统计用户下载网页所需时间的脚本
2008/10/15 Javascript
js 代码优化点滴记录
2012/02/19 Javascript
javascript学习笔记(十) js对象 继承
2012/06/19 Javascript
基于jquery打造的百分比动态色彩条插件
2012/09/19 Javascript
javascript的switch用法注意事项分析
2015/02/02 Javascript
js+div实现文字滚动和图片切换效果代码
2015/08/27 Javascript
jQuery常用知识点总结以及平时封装常用函数
2016/02/23 Javascript
AngularJS equal比较对象实例详解
2016/09/14 Javascript
详解闭包解决jQuery中AJAX的外部变量问题
2017/02/22 Javascript
浅谈vue项目可以从哪些方面进行优化
2018/05/05 Javascript
JavaScript中join()、splice()、slice()和split()函数用法示例
2018/08/24 Javascript
微信小程序scroll-view横向滑动嵌套for循环的示例代码
2018/09/20 Javascript
ES6 fetch函数与后台交互实现
2018/11/14 Javascript
微信小程序实现打卡日历功能
2020/09/21 Javascript
JavaScript时间日期操作实例小结【5个示例】
2018/12/22 Javascript
vue学习笔记之作用域插槽实例分析
2020/02/01 Javascript
Python文件操作基本流程代码实例
2017/12/11 Python
对numpy数据写入文件的方法讲解
2018/07/09 Python
基于python3实现socket文件传输和校验
2018/07/28 Python
浅谈Python traceback的优雅处理
2018/08/31 Python
Mac下Anaconda的安装和使用教程
2018/11/29 Python
Python matplotlib的使用并自定义colormap的方法
2018/12/13 Python
tensorflow2.0保存和恢复模型3种方法
2020/02/03 Python
Visual Studio code 配置Python开发环境
2020/09/11 Python
CSS3中31种选择器使用方法教程
2013/12/05 HTML / CSS
html5实现输入框fixed定位在屏幕最底部兼容性
2020/07/03 HTML / CSS
购买瑞典当代设计的腕表和太阳眼镜:TRIWA
2016/10/30 全球购物
C#面试常见问题
2013/02/25 面试题
全陪导游词
2015/02/04 职场文书
关于HTML编码导致的乱码问题
2021/09/04 HTML / CSS