jsMind通過鼠標(biāo)拖拽的方式調(diào)整節(jié)點(diǎn)位置
jsMind是一個純javascript實(shí)現(xiàn)的思維導(dǎo)圖類庫,基于html5的canvas實(shí)現(xiàn),以BSD協(xié)議開源。
提供了思維導(dǎo)圖的顯示,編輯等功能,支持freemind數(shù)據(jù)格式,有豐富的開發(fā)接口可供使用,具體功能請訪問軟件主頁進(jìn)一步了解。
jsMind 現(xiàn)已支持通過鼠標(biāo)拖拽的方式調(diào)整節(jié)點(diǎn)位置了。只需引用最新版本的 jsmind.js 以及 jsmind.draggable.js 即可使用該功能。需要注意的是,當(dāng)思維導(dǎo)圖設(shè)置為不可編輯的時候,拖拽功能也將同時禁止。
請訪問 項(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>
以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。
- 使用javaScript實(shí)現(xiàn)鼠標(biāo)拖拽事件
- 鼠標(biāo)拖拽移動子窗體的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左右滑動
- 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)文章
webpack4 SplitChunks實(shí)現(xiàn)代碼分隔詳解
這篇文章主要介紹了webpack4 SplitChunks實(shí)現(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)技巧,非常具有實(shí)用價值,需要的朋友可以參考下2015-04-04js 設(shè)置選中行的樣式的實(shí)現(xiàn)代碼
設(shè)置選中的行樣式的js代碼,需要的朋友可以參考下,這里只給出了函數(shù),具體的自己發(fā)揮。2010-05-05JavaScript中使用webuploader實(shí)現(xiàn)上傳視頻功能(demo)
這篇文章主要介紹了webuploader實(shí)現(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實(shí)現(xiàn)10個球隨機(jī)運(yùn)動、碰撞實(shí)例詳解
這篇文章主要介紹了javascript實(shí)現(xiàn)10個球隨機(jī)運(yùn)動、碰撞的方法,實(shí)例分析了javascript實(shí)現(xiàn)小球碰撞的原理與實(shí)現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07JavaScript組件焦點(diǎn)與頁內(nèi)錨點(diǎn)間傳值的方法
這篇文章主要介紹了JavaScript組件焦點(diǎn)與頁內(nèi)錨點(diǎn)間傳值的方法,涉及輸入框與錨點(diǎn)的操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02js實(shí)現(xiàn)帶簡單彈性運(yùn)動的導(dǎo)航條
本篇文章主要分享了js實(shí)現(xiàn)帶簡單彈性運(yùn)動導(dǎo)航條的示例代碼,具有很好的參考價值,下面跟著小編一起來看下吧2017-02-02