使用yui3实现最简单拖动

2016-02-20 00:58 4 1 收藏

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

【 tulaoshi.com - Web开发 】

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

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

(本文来源于图老师网站,更多请访问http://www.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

来源:http://www.tulaoshi.com/n/20160220/1632947.html

延伸阅读
树型控件用来显示具有一定层次结构的数据项时方便、直观,被广泛地应用在各种软件中,如资源管理器中的磁盘目录就用的是树型 控件,我们在编程中也会经常用到,但 MFC 中提供的 CTreeCtrl 类并不直接支持拖动节点等高级特性,这使我们程序员编程时有很大限制,又给软件用户带来了一些不便。下面就让我们自己动手来解决这个问题,实现...
标签: Web开发
    写JS实现拖动需要一大堆不便维护的代码,实属麻烦,Google了大半天,发现了一个优秀的Jquery插件EasyDrag,只需要一行代码便可轻松在主流浏览器上 实现拖动效果. Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->   $(document).ready( function...
在制作课件时,为达到更好的交互效果,常需要自由控制对象,如图片的组合、仪器的连接等。本文介绍在Authorware中如何实现图片的拖动和放大。 程序实现目的 动态引入图片、在指定的区域内移动图片、放大显示图片。 制作步骤 1.打开Authorware,新建一个文件,依次选择“Modify-File-Preoperties”,将弹出对话框,“Size”项选择“Vari...
预备知识 iOS处理屏幕上的触摸动作,主要涉及到以下几个方法: 代码如下: touchesBegan:withEvent:          //触摸屏幕的最开始被调用 touchesMoved:withEvent:         //移动过程中被调用 touchesEnded:withEvent:    &nbs...
教你简单实现iPhone 5s/5c使用移动3G网络 在iPhone 5s/5c发布之初,便有细心的网友发现其中A1530(iPhone 5s)和A1529(iPhone 5c)两个型号的设备中,LTE频段中支持TD-LTE,这意味着该型号的iPhone 5s/5c硬件上是支持中国移动的TD-LTE的4G网络。暂时根据已经开卖的版本来看,港版iPhone 5s/5c便是A1530和A1529这两个型号。虽然硬件基础上...

经验教程

601

收藏

38
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部