jsMind通過鼠標(biāo)拖拽的方式調(diào)整節(jié)點位置
更新時間：2015年04月13日 11:10:33 投稿：hebedich
這篇文章主要介紹了jsMind通過鼠標(biāo)拖拽的方式調(diào)整節(jié)點位置的方法，十分的簡單實用，推薦給有需要的小伙伴參考下。
jsMind是一個純javascript實現(xiàn)的思維導(dǎo)圖類庫，基于html5的canvas實現(xiàn)，以BSD協(xié)議開源。
提供了思維導(dǎo)圖的顯示，編輯等功能，支持freemind數(shù)據(jù)格式，有豐富的開發(fā)接口可供使用，具體功能請訪問軟件主頁進(jìn)一步了解。
jsMind 現(xiàn)已支持通過鼠標(biāo)拖拽的方式調(diào)整節(jié)點位置了。只需引用最新版本的 jsmind.js 以及 jsmind.draggable.js 即可使用該功能。需要注意的是，當(dāng)思維導(dǎo)圖設(shè)置為不可編輯的時候，拖拽功能也將同時禁止。
請訪問 項目主頁：http://hizzgdev.github.io/jsmind/ 體驗效果。
復(fù)制代碼 代碼如下:
<script type="text/javascript" src="js/jsmind.js"></script>
<!-- 只需添加下方 js 引用即可 -->
<script type="text/javascript" src="js/jsmind.draggable.js"></script>
以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。
相關(guān)文章
webpack4 SplitChunks實現(xiàn)代碼分隔詳解
這篇文章主要介紹了webpack4 SplitChunks實現(xiàn)代碼分隔詳解，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
JavaScript讓網(wǎng)頁出現(xiàn)漸隱漸顯背景顏色的方法
這篇文章主要介紹了JavaScript讓網(wǎng)頁出現(xiàn)漸隱漸顯背景顏色的方法,涉及javascript操作樣式的相關(guān)技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
設(shè)置選中的行樣式的js代碼，需要的朋友可以參考下，這里只給出了函數(shù)，具體的自己發(fā)揮。2010-05-05
JavaScript中使用webuploader實現(xiàn)上傳視頻功能(demo)
這篇文章主要介紹了webuploader實現(xiàn)上傳視頻功能,通過本文給大家介紹了上傳視頻和上傳圖片的區(qū)別講解，非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-04-04
這篇文章主要介紹了JavaScript閉包和范圍,結(jié)合實例形式詳細(xì)分析了javascript閉包的使用及變量的作用范圍,需要的朋友可以參考下2016-12-12
比較詳細(xì)的javascript DOM 學(xué)習(xí)筆記
看了很多的js dom學(xué)習(xí)資料，發(fā)現(xiàn)這個比較詳細(xì)，特轉(zhuǎn)載給大家學(xué)習(xí)一下2008-06-06
javascript實現(xiàn)10個球隨機(jī)運動、碰撞實例詳解
這篇文章主要介紹了javascript實現(xiàn)10個球隨機(jī)運動、碰撞的方法,實例分析了javascript實現(xiàn)小球碰撞的原理與實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
有時候我們需要在用戶進(jìn)入頁面的時候，自動最大化，更好的體驗，省去用戶點擊最大化按鈕，很多文章內(nèi)容網(wǎng)站都加了這個代碼2013-05-05
JavaScript組件焦點與頁內(nèi)錨點間傳值的方法
這篇文章主要介紹了JavaScript組件焦點與頁內(nèi)錨點間傳值的方法,涉及輸入框與錨點的操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
本篇文章主要分享了js實現(xiàn)帶簡單彈性運動導(dǎo)航條的示例代碼，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02