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ā)接口可供使用，具體功能請訪問軟件主頁進一步了解。
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)文章
JS實現(xiàn)無縫循環(huán)marquee滾動效果
這篇文章主要為大家詳細(xì)介紹了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框架進行封裝,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-02-02
這篇文章主要給大家介紹了關(guān)于JavaScript塊級作用域綁定的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2022-12-12
在UniApp中事件處理非常重要,通過事件處理可以實現(xiàn)用戶與應(yīng)用程序之間的交互,這篇文章主要給大家介紹了關(guān)于uniapp中常用的事件處理方法的相關(guān)資料,需要的朋友可以參考下2023-12-12
javascript動態(tài)分頁的實現(xiàn)方法實例
最近的項目需要添加一個分頁導(dǎo)航的功能,沒有用網(wǎng)上封裝好的文件,通過JS自己簡單實現(xiàn)了效果,這篇文章主要給大家介紹了關(guān)于javascript動態(tài)分頁的實現(xiàn)方法,需要的朋友可以參考下2022-06-06
Js 獲取HTML DOM節(jié)點元素的方法小結(jié)
在Web應(yīng)用程序特別是Web2.0程序開發(fā)中，經(jīng)常要獲取頁面中某個元素，然后更新該元素的樣式、內(nèi)容等。2009-04-04
本文主要介紹了webpack打包時如何修改文件名的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
這篇文章主要為大家詳細(xì)介紹了原生JS發(fā)送異步數(shù)據(jù)請求的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
今天小編就為大家分享一篇layui表格 列自動適應(yīng)大小失效的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了js動態(tài)生成唯一id的兩種方法,需要的朋友可以參考下2023-05-05