使用yui3实现最简单拖动

earth嗨2015

earth嗨2015

2016-02-20 00:58

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐使用yui3实现最简单拖动,希望大家看完后也有个好心情,快快行动吧!

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

如果你有用javascript写过拖动的话,应该知道是有多么麻烦的,不过yui3为大家提供了一个非常方便的方法实现拖动,今天我们先来看看使用yui3实现最简单拖动,首先贴出代码(如果你感兴趣,可以点击这里查看效果):上面我有相应的解释,这些解释都是我的个人理解,可能不完全对,但是这样就可以实现拖动了,如果你有正确的解释,请与我联系,谢谢!或者请留言。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
//引用yui-min.js,将其放到head之中script src=http://yui.yahooapis.com/3.0.0pr2/build/yui/yui-min.js type=text/javascript/script//body中的内容//结构div id=demoh2x/h2Drag Me/div//js代码script type=text/javascriptYUI().use(‘dd’,function(Y) {var node = Y.get(‘#demo’);//使用Y.get获取id为demo的对象,与原生js中的document.getElementById()相同,功能会更强一些。node.plug(Y.plugin.Drag);//我的理解是确定被拖动的对象node.dd.addHandle(‘h2′);//用于控制拖动的地方,这里就是当鼠标移到h2上的时候就可以拖动node.dd.addHandle();//这样写的话,就是在demo的任何位置都可拖动});/script
展开更多 50%)
分享

猜你喜欢

使用yui3实现最简单拖动

Web开发
使用yui3实现最简单拖动

使用ViewPager实现高仿launcher左右拖动效果

编程语言 网络编程
使用ViewPager实现高仿launcher左右拖动效果

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

javascript实现鼠标选取拖动或Ctrl选取拖动

Web开发
javascript实现鼠标选取拖动或Ctrl选取拖动

YUI的简单的dom事件

Web开发
YUI的简单的dom事件

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

在Flash MX中实现自由拖动图片和改变图片(3)

flash教程
在Flash MX中实现自由拖动图片和改变图片(3)

Asp.Net使用POST方法最简单的实现

Web开发
Asp.Net使用POST方法最简单的实现

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

实现超酷的日期排列的2种方法

实现超酷的日期排列的2种方法

WPS2010在线素材功能如何用

WPS2010在线素材功能如何用
下拉加载更多内容 ↓