首頁 > 網際網路

jquery實現傳統拖拽

2019-12-12 03:56:56

這裡簡單的實現了被拖拽元素根據滑鼠的移動來移動。具體詳情請向下看→


1

開啟sublime text3,點選左上角檔案->新建檔案;或者直接「ctrl+n」新建檔案,如下圖所示:


2

ctrl+s」儲存,輸入檔案名字,儲存即可。

然後在頁面輸入英文「!」之後按「Tab」,生成一個簡單的dom結構。


3

頁面結構很簡單,且搞點樣式上來,如下圖所示:



4

我這裡用的是jquery的語法,所以需要jquery庫,如下圖所示:


5

準備齊全,開始寫拖拽的關鍵程式碼,走起~,如下圖所示:



6

右鍵選擇「在瀏覽器中開啟」或者工具->sublimeserver->start sublimeserver,開啟sublimeserver服務,右鍵選擇 「view in sublimeserver」具體如下圖所示:




7

做完了,還是挺有意思的吧,自己動手拖動試試吧。

更多精彩內容,稍後奉上~



IT145.com E-mail:sddin#qq.com