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);
分享到:
相关推荐
本书是一部优秀的、注重实践的...最后单独设计一章来讲述第三方示例,演示了YUI 和 jQuery JavaScript库的使用。 本书适合初级和中级水平的JavaScript开发人员阅读,可作为高等院校计算机专业的JavaScript课程教材。
advanceed dom scripting 完整库,apress,原书深入剖析prototype,jquery,yui等库技术,这里是书中的精典ADS库,ads-final-verose,没有汉化注释,
《Head first javascript 》 是一部优秀的、注重实践的JavaScript教程。作者首先概览了JavaScript,包括它的语法...最后单独设计一章来讲述第三方示例,演示了YUI 和 jQuery JavaScript库的使用。此处为该书配套的源码.
本书是一部优秀的、注重实践的...最后单独设计一章来讲述第三方示例,演示了YUI 和 jQuery javascript库的使用。 本书适合初级和中级水平的javascript开发人员阅读,可作为高等院校计算机专业的javascript课程教材。
Head First JavaScript(中文版)本书是一部优秀的、注重实践的JavaScript教程。作者首先概览了JavaScript,包括它的语法、良好的编码...最后单独设计一章来讲述第三方示例,演示了YUI 和 jQuery JavaScript库的使用。.
本书是一部优秀的、注重实践的...最后单独设计一章来讲述第三方示例,演示了YUI 和 jQuery JavaScript库的使用。 本书适合初级和中级水平的JavaScript开发人员阅读,可作为高等院校计算机专业的JavaScript课程教材。
本书是一部优秀的、注重实践的...最后单独设计一章来讲述第三方示例,演示了YUI 和 jQuery JavaScript库的使用。 本书适合初级和中级水平的JavaScript开发人员阅读,可作为高等院校计算机专业的JavaScript课程教材。
本书是一部优秀的、注重实践的...最后单独设计一章来讲述第三方示例,演示了YUI 和 jQuery JavaScript库的使用。. 本书适合初级和中级水平的JavaScript开发人员阅读,可作为高等院校计算机专业的JavaScript课程教材。
本书是一部优秀的、注重实践...最后单独设计一章来讲述第三方示例,演示了YUI 和 jQuery JavaScript库的使用。. 本书适合初级和中级水平的JavaScript开发人员阅读,可作为高等院校计算机专业的JavaScript 课程教材。..
本书是一部优秀的、注重实践的...最后单独设计一章来讲述第三方示例,演示了YUI 和 jQuery JavaScript库的使用。.本书适合初级和中级水平的JavaScript开发人员阅读,可作为高等院校计算机专业的JavaScript课程教材。
本书是一部优秀的、注重实践的...最后单独设计一章来讲述第三方示例,演示了YUI 和 jQuery JavaScript库的使用。 本书适合初级和中级水平的JavaScript开发人员阅读,可作为高等院校计算机专业的JavaScript课程教材。
Head First JavaScript(中文版)本书是一部优秀的、注重实践的JavaScript教程。作者首先概览了JavaScript,包括它的语法、良好的编码...最后单独设计一章来讲述第三方示例,演示了YUI 和 jQuery JavaScript库的使用。.
本书是一部优秀的、注重实践的...最后单独设计一章来讲述第三方示例,演示了YUI 和 jQuery JavaScript库的使用。 本书适合初级和中级水平的JavaScript开发人员阅读,可作为高等院校计算机专业的JavaScript课程教材。
本书是一部优秀的、注重实践的...最后单独设计一章来讲述第三方示例,演示了YUI 和 jQuery JavaScript库的使用。 本书适合初级和中级水平的JavaScript开发人员阅读,可作为高等院校计算机专业的 JavaScript课程教材。
本书是一部优秀的、注重实践的...最后单独设计一章来讲述第三方示例,演示了YUI 和 jQuery JavaScript库的使用。 本书适合初级和中级水平的JavaScript开发人员阅读,可作为高等院校计算机专业的JavaScript课程教材。
本书是一部优秀的、注重实践的...最后单独设计一章来讲述第三方示例,演示了YUI 和 jQuery JavaScript库的使用。 本书适合初级和中级水平的JavaScript开发人员阅读,可作为高等院校计算机专业的JavaScript课程教材。
本书是一部优秀的、注重实践的...最后单独设计一章来讲述第三方示例,演示了YUI 和 jQuery JavaScript库的使用。 本书适合初级和中级水平的JavaScript开发人员阅读,可作为高等院校计算机专业的JavaScript课程教材。
本书是一部优秀的、注重实践的...最后单独设计一章来讲述第三方示例,演示了YUI 和 jQuery JavaScript库的使用。 本书适合初级和中级水平的JavaScript开发人员阅读,可作为高等院校计算机专业的JavaScript课程教材。
本书是一部优秀的、注重实践的...最后单独设计一章来讲述第三方示例,演示了YUI 和 jQuery JavaScript库的使用。 本书适合初级和中级水平的JavaScript开发人员阅读,可作为高等院校计算机专业的JavaScript课程教材。