欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

js中Draggin.js特性是什么-創(chuàng)新互聯(lián)

這篇文章主要介紹“js中Draggin.js特性是什么”,在日常操作中,相信很多人在js中Draggin.js特性是什么問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”js中Draggin.js特性是什么”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!

創(chuàng)新互聯(lián)建站是專業(yè)的新邱網(wǎng)站建設公司,新邱接單;提供網(wǎng)站設計、網(wǎng)站建設,網(wǎng)頁設計,網(wǎng)站設計,建網(wǎng)站,PHP網(wǎng)站建設等專業(yè)做網(wǎng)站服務;采用PHP框架,可快速的進行新邱網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

Draggin.js是一款兼容移動手機的js拖拽插件。該js拖拽插件的特點是跨平臺,體積小,運行速度快。該js拖拽插件會自動計算元素相對于文檔左上角的位置,然后通過csstransform屬性將它重新定位。

js移動Draggin.js特性

輕量級,壓縮后的版本僅3k。

完全兼容移動觸摸設備。

使用時不需要編寫任何js代碼。

插件利用GPU提高性能。

沒有任何外部依賴文件。

js移動Draggin.js使用方法

在頁面中引入draggin.min.js文件。

<scriptsrc="draggin.min.js"></script>

不要將此腳本包含在頁面的<head>中。Draggin.js必須在整個頁面呈現(xiàn)后才能運行,因此請將其包含在<body>標記的最后。這比在<head>中包含腳本更好。

Draggin.js設計時考慮到了簡單性。一旦將腳本包含在頁面中,您所要做的就是呈現(xiàn)一個元素并賦予其一個class名稱叫:draggable,即可實現(xiàn)拖拽,如:

<h2class="draggable">Hello,World!</h2>

如果要使用Draggin.js的文本編輯功能,可以給元素添加class名稱叫:text即可,例如:

<h2class="text">Hello,World!</h2>

<pclass="text">Hello,World!</p>

<ahref="#"class="text">Hello,World!</a>

<divclass="text">Hello,World!</div>

如果想要實現(xiàn)單擊拖動,雙擊編輯的功能,可以這樣:

<h2class="draggabletext">Bothtagsworkatthesametime!</h2>

到此,關(guān)于“js中Draggin.js特性是什么”的學習就結(jié)束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續(xù)學習更多相關(guān)知識,請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>

名稱欄目:js中Draggin.js特性是什么-創(chuàng)新互聯(lián)
本文網(wǎng)址:http://chinadenli.net/article36/doodpg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供用戶體驗關(guān)鍵詞優(yōu)化網(wǎng)站設計公司品牌網(wǎng)站設計虛擬主機響應式網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

h5響應式網(wǎng)站建設