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

使用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);

?