日期:2014-05-16  浏览次数:20441 次

使用js, jquery YUI2 YUI3设定dom位置的做法

1.首先 dom节点的postion属性需要为absolute的,这样才可以设置left与top属性来改变位置

?

<div id="box" style="position:absolute;width:100px;height:100px;border:1px purple solid;"></div>

?

2.修改上面的box位置的js代码对应如下

		/*直接使用javascript*/
		var box = document.getElementById('box');
			  box.style.left = 100;
			  box.style.top = 100;
		
		/*使用jquery*/
		var postion = {'left':100,'top':100};
		$('#box').css(postion);
		
		/*使用YUI2*/
		var position = [100,100];
		var Dom = YAHOO.util.Dom;
		Dom.setXY('box',position); 

		/*使用YUI3*/
		var position = [100,100];
		var box = YUI.one('#box');		
			  box.setXY(position);

?