我是jQuery的新手,我需要你的帮助。jQuery改变图像位置
我想要建立一个表有2列标记为X和Y,每列中的输入字段和更改按钮,当用户单击按钮时,jQuery函数将检查字段是否为空,如果它们是函数会将默认值放在jquery头文件中定义的偏移量({left:x,top:y})中,如果这些字段不为空,它将从字段中取值并更改图像的位置。
因此,每次用户更改字段的值时,图像的位置都会改变。
Thanx提前,
我是jQuery的新手,我需要你的帮助。jQuery改变图像位置
我想要建立一个表有2列标记为X和Y,每列中的输入字段和更改按钮,当用户单击按钮时,jQuery函数将检查字段是否为空,如果它们是函数会将默认值放在jquery头文件中定义的偏移量({left:x,top:y})中,如果这些字段不为空,它将从字段中取值并更改图像的位置。
因此,每次用户更改字段的值时,图像的位置都会改变。
Thanx提前,
这里有一个JS拨弄着一个工作版本:http://jsfiddle.net/UKRD8/14/
只要确保你把“PX”您输入的输入数量后。
<div style="position:relative; width:100%; height:100%;">
<table cellpadding="0" cellspacing="0" style="position:relative; z-index:9;">
<tr>
<td>X:</td>
<td>
<input id="txtX" type="text" /></td>
</tr>
<tr>
<td>Y:</td>
<td>
<input id="txtY" type="text" /></td>
</tr>
<tr>
<td colspan="2">
<input id="btnUpdate" type="button" value="Update" onclick="updateCords()" /></td>
</tr>
</table>
<img id="img" src="http://upload.wikimedia.org/wikipedia/commons/thumb/8/85/Smiley.svg/160px-Smiley.svg.png" style="position:absolute; z-index:1;" />
</div>
<script>
function updateCords() {
var x = $('#txtX').val();
var y = $('#txtY').val();
if (x === '') { x = 0 }
if (y === '') { y = 0 }
$('#img').css({ 'left': x + 'px', 'top': y + 'px' });
}
</script>
谢谢,但我想要三行,每行会改变一个图像的位置,只是一个按钮,谢谢你的帮助 – 2012-01-31 14:20:50