學(xué)習(xí)drag and drop js實(shí)現(xiàn)代碼經(jīng)典之作
更新時(shí)間:2009年04月27日 01:55:25 作者:
今天讀John Resig的Pro Javascript Techniques時(shí)候看到他書上給的一個(gè)關(guān)于drag and drop的例子, 合上書本自己寫一個(gè)簡化版本的。大約20分鐘完成, 沒有考慮兼容firefox。整個(gè)代碼封裝成一個(gè)對象 也是借鑒書中的風(fēng)格。我覺得很好。
Pro Javascript Techniques書中推薦的drag and drop 例子:http://boring.youngpup.net/2001/domdrag
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
打包下載地址
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
打包下載地址
您可能感興趣的文章:
- 基于AngularJS拖拽插件ngDraggable.js實(shí)現(xiàn)拖拽排序功能
- 深究AngularJS中ng-drag、ng-drop的用法
- jquery插件jquery.dragscale.js實(shí)現(xiàn)拖拽改變元素大小的方法(附demo源碼下載)
- js實(shí)現(xiàn)iGoogleDivDrag模塊拖動(dòng)層拖動(dòng)特效的方法
- 一起來寫段JS drag拖動(dòng)代碼
- 一個(gè)js拖拽的效果類和dom-drag.js淺析
- javascript dragable的Move對象
- JQuery+drag.js上傳圖片并且實(shí)現(xiàn)圖片拖曳
相關(guān)文章
JavaScript實(shí)現(xiàn)的CRC32函數(shù)示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的CRC32函數(shù),簡單介紹了CRC32函數(shù)的概念和功能,并給出實(shí)例形式分析了CRC32函數(shù)的javascript實(shí)現(xiàn)與使用方法,需要的朋友可以參考下2016-11-11分享javascript計(jì)算時(shí)間差的示例代碼
這篇文章主要為大家介紹了javascript計(jì)算時(shí)間差的示例代碼,,一般來說都是計(jì)算當(dāng)前時(shí)間和一個(gè)指定時(shí)間點(diǎn)之間的差距,感興趣的小伙伴們可以參考一下2016-01-01Omi v1.0.2發(fā)布正式支持傳遞javascript表達(dá)式
這篇文章主要介紹了Omi v1.0.2發(fā)布正式支持傳遞javascript表達(dá)式,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-03-03關(guān)于火狐(firefox)及ie下event獲取的兩種方法
經(jīng)常有同事問我在火狐瀏覽器怎么獲取event的方法,大多是想獲取event.keyCode的功能,接下來為您介紹兩種實(shí)現(xiàn)方法,需要了解的朋友可以參考下2012-12-12JS將光標(biāo)聚焦在文本最后的實(shí)現(xiàn)代碼
這篇文章主要介紹了JS將光標(biāo)聚焦在文本最后的方法,需要的朋友可以參考下2014-03-03javascript實(shí)現(xiàn)手機(jī)震動(dòng)API代碼
一個(gè)新的API出來了。HTML5 (很快)將支持用戶設(shè)備振動(dòng)。這明顯是很有趣的事情,比如它可以用戶觸發(fā)提醒,提升游戲體驗(yàn),下面小編給大家整理javascript手機(jī)震動(dòng)api,需要的朋友可以參考下2015-08-08javasript實(shí)現(xiàn)密碼的隱藏與顯示
用戶輸入密碼時(shí)都是顯示的星號了,那么我們希望查看明文要怎么查看呢,下面我們只要使用一段簡單的js就可以實(shí)現(xiàn)查看密碼框的明文了,有需要的小伙伴可以來參考下。2015-05-05網(wǎng)站頁面自動(dòng)跳轉(zhuǎn)實(shí)現(xiàn)方法PHP、JSP(上)
自動(dòng)轉(zhuǎn)向,也叫自動(dòng)重定向。自動(dòng)跳轉(zhuǎn),指當(dāng)訪問用戶登陸到某網(wǎng)站時(shí),自動(dòng)將用戶轉(zhuǎn)向其它網(wǎng)頁地址的一種技術(shù)。轉(zhuǎn)向的網(wǎng)頁地址可以是網(wǎng)站內(nèi)的其它網(wǎng)頁,也可以是其它網(wǎng)站。2010-08-08