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