首頁 >web前端 >js教程 >Jquery實作自訂視窗隨意的拖曳_jquery

Jquery實作自訂視窗隨意的拖曳_jquery

WBOY
WBOY原創
2016-05-16 16:55:51978瀏覽

在網頁上我們經常看到,當點擊一個按鈕時,彈出一個自定義窗口,並且可以隨意的拖拽,從而改變其位置

使用jquery實現拖拽,則必須要jquery的文件了,實作步驟:

1、引入jquery檔案

2、寫js腳本

具體程式碼:

html程式碼:

複製程式碼 程式碼如下:



X

div>



css樣式:
複製程式碼 程式碼如下:



js腳本:
複製程式碼 程式碼如下:



引入的js文件
複製代碼 程式碼如下:


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn