jsMind通過鼠標拖拽的方式調(diào)整節(jié)點位置
更新時間：2015年04月13日 11:10:33 投稿：hebedich
這篇文章主要介紹了jsMind通過鼠標拖拽的方式調(diào)整節(jié)點位置的方法，十分的簡單實用，推薦給有需要的小伙伴參考下。
jsMind是一個純javascript實現(xiàn)的思維導圖類庫，基于html5的canvas實現(xiàn)，以BSD協(xié)議開源。
提供了思維導圖的顯示，編輯等功能，支持freemind數(shù)據(jù)格式，有豐富的開發(fā)接口可供使用，具體功能請訪問軟件主頁進一步了解。
jsMind 現(xiàn)已支持通過鼠標拖拽的方式調(diào)整節(jié)點位置了。只需引用最新版本的 jsmind.js 以及 jsmind.draggable.js 即可使用該功能。需要注意的是，當思維導圖設置為不可編輯的時候，拖拽功能也將同時禁止。
請訪問 項目主頁：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)容了，希望大家能夠喜歡。
相關文章
JS實現(xiàn)無縫循環(huán)marquee滾動效果
這篇文章主要為大家詳細介紹了JS實現(xiàn)無縫循環(huán)marquee滾動效果，兼容IE, FireFox, Chrome，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
前端實現(xiàn)打印網(wǎng)頁內(nèi)容的解決方案(附完整代碼)
這篇文章主要介紹了如何使用JavaScript實現(xiàn)網(wǎng)頁打印功能,主要通過Vue和Element Plus框架進行封裝,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2025-02-02
這篇文章主要給大家介紹了關于JavaScript塊級作用域綁定的相關資料,文中通過實例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2022-12-12
在UniApp中事件處理非常重要,通過事件處理可以實現(xiàn)用戶與應用程序之間的交互,這篇文章主要給大家介紹了關于uniapp中常用的事件處理方法的相關資料,需要的朋友可以參考下2023-12-12
javascript動態(tài)分頁的實現(xiàn)方法實例
最近的項目需要添加一個分頁導航的功能,沒有用網(wǎng)上封裝好的文件,通過JS自己簡單實現(xiàn)了效果,這篇文章主要給大家介紹了關于javascript動態(tài)分頁的實現(xiàn)方法,需要的朋友可以參考下2022-06-06
在Web應用程序特別是Web2.0程序開發(fā)中，經(jīng)常要獲取頁面中某個元素，然后更新該元素的樣式、內(nèi)容等。2009-04-04
本文主要介紹了webpack打包時如何修改文件名的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-06-06
這篇文章主要為大家詳細介紹了原生JS發(fā)送異步數(shù)據(jù)請求的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
今天小編就為大家分享一篇layui表格 列自動適應大小失效的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了js動態(tài)生成唯一id的兩種方法,需要的朋友可以參考下2023-05-05