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/ 體驗效果。
<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-05JavaScript讓網(wǎng)頁出現(xiàn)漸隱漸顯背景顏色的方法
這篇文章主要介紹了JavaScript讓網(wǎng)頁出現(xiàn)漸隱漸顯背景顏色的方法,涉及javascript操作樣式的相關(guān)技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04JavaScript中使用webuploader實現(xiàn)上傳視頻功能(demo)
這篇文章主要介紹了webuploader實現(xiàn)上傳視頻功能,通過本文給大家介紹了上傳視頻和上傳圖片的區(qū)別講解,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-04-04比較詳細(xì)的javascript DOM 學(xué)習(xí)筆記
看了很多的js dom學(xué)習(xí)資料,發(fā)現(xiàn)這個比較詳細(xì),特轉(zhuǎn)載給大家學(xué)習(xí)一下2008-06-06javascript實現(xiàn)10個球隨機(jī)運動、碰撞實例詳解
這篇文章主要介紹了javascript實現(xiàn)10個球隨機(jī)運動、碰撞的方法,實例分析了javascript實現(xiàn)小球碰撞的原理與實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07JavaScript組件焦點與頁內(nèi)錨點間傳值的方法
這篇文章主要介紹了JavaScript組件焦點與頁內(nèi)錨點間傳值的方法,涉及輸入框與錨點的操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02