实例介绍
官方demo的离线文件,通过修改jtopo的源代码文件,已实现自定义换行。虽然笨拙了点但是好在解决本人燃眉之急。
【实例截图】
【核心代码】
9a5fb2e0-1406-4c7e-833a-ff13879a6fd5
└── jtopo-site-拓扑图master
└── jtopo-site-master
├── app.conf
├── dbtest.js
├── favicon.ico
├── LICENSE
├── package.json
├── public
│ ├── api.html
│ ├── cooperation.html
│ ├── css
│ │ ├── base.css
│ │ └── jquery.snippet.min.css
│ ├── demo
│ │ ├── animate_gif.html
│ │ ├── animate_grivty.html
│ │ ├── animate_nodes.html
│ │ ├── animate_spring_chain.html
│ │ ├── animate_spring_circle.html
│ │ ├── animate_spring.html
│ │ ├── animate_spring_layout.html
│ │ ├── animate_spring_mass.html
│ │ ├── animate_spring_multi_target.html
│ │ ├── animate_spring_nodes2.html
│ │ ├── animate_spring_nodes.html
│ │ ├── animate_sprite2.html
│ │ ├── animate_sprite.html
│ │ ├── animate_stepbystep.html
│ │ ├── animation_performance.html
│ │ ├── bundlelink.html
│ │ ├── canvas-scroll.html
│ │ ├── contact.html
│ │ ├── container.html
│ │ ├── custom_sprite.html
│ │ ├── cutFruit.html
│ │ ├── dev.html
│ │ ├── div-node.html
│ │ ├── dom.html
│ │ ├── eagle-eye.html
│ │ ├── edit.html
│ │ ├── editor.html
│ │ ├── editor-new.html
│ │ ├── effect-split-node.html
│ │ ├── flow-link.html
│ │ ├── fmo.html
│ │ ├── full-screen.html
│ │ ├── hello-logo.html
│ │ ├── helloworld.html
│ │ ├── image_sprite.html
│ │ ├── img
│ │ │ ├── bg.jpg
│ │ │ ├── cloud.png
│ │ │ ├── cur
│ │ │ │ ├── closedhand.cur
│ │ │ │ └── openhand.cur
│ │ │ ├── editor
│ │ │ │ ├── 10.png
│ │ │ │ ├── 11.png
│ │ │ │ ├── 12.png
│ │ │ │ ├── 13.png
│ │ │ │ ├── 14.png
│ │ │ │ ├── 15.png
│ │ │ │ ├── 16.png
│ │ │ │ ├── 17.png
│ │ │ │ ├── 18.png
│ │ │ │ ├── 19.png
│ │ │ │ ├── 1.png
│ │ │ │ ├── 20.png
│ │ │ │ ├── 21.png
│ │ │ │ ├── 2.png
│ │ │ │ ├── 3.png
│ │ │ │ ├── 4.png
│ │ │ │ ├── 5.png
│ │ │ │ ├── 6.png
│ │ │ │ ├── 7.png
│ │ │ │ ├── 8.png
│ │ │ │ └── 9.png
│ │ │ ├── effect
│ │ │ │ ├── all.png
│ │ │ │ └── caizhu.png
│ │ │ ├── fruit
│ │ │ │ ├── apple.png
│ │ │ │ ├── background.jpg
│ │ │ │ ├── banana.png
│ │ │ │ ├── basaha.png
│ │ │ │ ├── boom.png
│ │ │ │ ├── developing.png
│ │ │ │ ├── dojo.png
│ │ │ │ ├── flash_bak.png
│ │ │ │ ├── flash.png
│ │ │ │ ├── game-over.png
│ │ │ │ ├── home-desc.png
│ │ │ │ ├── home-mask.png
│ │ │ │ ├── logo.png
│ │ │ │ ├── lose.png
│ │ │ │ ├── new-game.png
│ │ │ │ ├── new.png
│ │ │ │ ├── ninja.png
│ │ │ │ ├── peach.png
│ │ │ │ ├── quit.png
│ │ │ │ ├── sandia.png
│ │ │ │ ├── score.png
│ │ │ │ └── xxxf.png
│ │ │ ├── game
│ │ │ │ ├── 10.png
│ │ │ │ ├── 1.png
│ │ │ │ ├── 2.png
│ │ │ │ ├── 3.png
│ │ │ │ ├── 4.png
│ │ │ │ ├── 5.png
│ │ │ │ ├── 6.png
│ │ │ │ ├── 7.png
│ │ │ │ ├── 8.png
│ │ │ │ ├── 9.png
│ │ │ │ ├── ball.png
│ │ │ │ ├── map_01.jpg
│ │ │ │ ├── sprite.png
│ │ │ │ └── vpc-lb.png
│ │ │ ├── host.png
│ │ │ ├── laptop.png
│ │ │ ├── mapslider.png
│ │ │ ├── memory.png
│ │ │ ├── mind
│ │ │ │ └── bg.png
│ │ │ ├── ne.png
│ │ │ ├── OS_Apple.png
│ │ │ ├── person.png
│ │ │ ├── pstn
│ │ │ │ ├── antenna.png
│ │ │ │ ├── cartridge_system.png
│ │ │ │ ├── cloud.png
│ │ │ │ ├── host.png
│ │ │ │ ├── line.png
│ │ │ │ ├── mainframe.png
│ │ │ │ ├── modem.png
│ │ │ │ ├── msc.png
│ │ │ │ ├── phone.png
│ │ │ │ ├── router2.png
│ │ │ │ ├── router.png
│ │ │ │ ├── satellite_antenna.png
│ │ │ │ ├── terminal.png
│ │ │ │ ├── testing.png
│ │ │ │ ├── tw130.png
│ │ │ │ └── wdm.png
│ │ │ ├── room.jpg
│ │ │ ├── statistics
│ │ │ │ ├── center.png
│ │ │ │ ├── cloud.png
│ │ │ │ ├── gather.png
│ │ │ │ ├── host.png
│ │ │ │ ├── server.png
│ │ │ │ ├── wanjet2.png
│ │ │ │ └── wanjet.png
│ │ │ ├── topo
│ │ │ │ ├── blue.png
│ │ │ │ ├── cloud.png
│ │ │ │ ├── gray.png
│ │ │ │ ├── green.png
│ │ │ │ ├── rect3.png
│ │ │ │ ├── rect.png
│ │ │ │ ├── red1.png
│ │ │ │ └── red2.png
│ │ │ ├── vm.png
│ │ │ ├── war
│ │ │ │ ├── bg.png
│ │ │ │ ├── cat.png
│ │ │ │ └── dog.png
│ │ │ ├── win7
│ │ │ │ ├── desktop.png
│ │ │ │ ├── excel.png
│ │ │ │ ├── folder.png
│ │ │ │ ├── mycomputer.png
│ │ │ │ ├── recycle.png
│ │ │ │ └── word.png
│ │ │ └── zone.png
│ │ ├── inde.html
│ │ ├── index.html
│ │ ├── js
│ │ │ ├── jquery.css3.js
│ │ │ ├── jtopo-dom.js
│ │ │ ├── jtopo-min.js
│ │ │ ├── snippet
│ │ │ │ └── jquery.snippet.min.js
│ │ │ └── toolbar.js
│ │ ├── layout-circle-auto.html
│ │ ├── layout-circle.html
│ │ ├── layout.html
│ │ ├── layout-mix.html
│ │ ├── layout-star.html
│ │ ├── layout-tree.html
│ │ ├── link.html
│ │ ├── logo.html
│ │ ├── map-big.html
│ │ ├── map.html
│ │ ├── map-node.html
│ │ ├── matrix.html
│ │ ├── mindmap.html
│ │ ├── mindmap-src.html
│ │ ├── naotu.html
│ │ ├── new-architecture.html
│ │ ├── node.html
│ │ ├── node-label-position.html
│ │ ├── painter.html
│ │ ├── paopao.html
│ │ ├── paopao - src.html
│ │ ├── performance_asyn.html
│ │ ├── performance_test.html
│ │ ├── pstn.html
│ │ ├── right-menu.html
│ │ ├── save-as-png.html
│ │ ├── save.html
│ │ ├── scence_event.html
│ │ ├── serialized.html
│ │ ├── spring-layout.html
│ │ ├── stage-mode.html
│ │ ├── statictis.html
│ │ ├── statictis - 副本.html
│ │ ├── temp.html
│ │ ├── topo-alarm.html
│ │ ├── topo-bak.html
│ │ ├── topo-barChart.html
│ │ ├── topo-container-edit.html
│ │ ├── topo-container.html
│ │ ├── topo-desktop.html
│ │ ├── topo-dom-tree.html
│ │ ├── topo-edit.html
│ │ ├── topo-grivty2.html
│ │ ├── topo-grivty3.html
│ │ ├── topo-grivty.html
│ │ ├── topo.html
│ │ ├── topo-layout.html
│ │ ├── topo-layout-mix-1.html
│ │ ├── topo-level.html
│ │ ├── topo-node-alarm.html
│ │ ├── topo-node.html
│ │ ├── topo-pieChart.html
│ │ ├── topo-uml.html
│ │ ├── war.html
│ │ └── zoom.html
│ ├── donate.html
│ ├── download
│ │ ├── jtopo-0.3.0-min.js
│ │ ├── jtopo-0.3.1-min.js
│ │ ├── jtopo-0.3.2-min.js
│ │ ├── jtopo-0.3.3-min.js
│ │ ├── jtopo-0.3.4-min.js
│ │ ├── jtopo-0.3.5-min.js
│ │ ├── jtopo-0.3.6-min.js
│ │ ├── jtopo-0.4.0-min.js
│ │ ├── jtopo-0.4.1-min.js
│ │ ├── jtopo-0.4.2-min.js
│ │ ├── jtopo-0.4.3-min.js
│ │ ├── jtopo-0.4.4-min.js
│ │ ├── jtopo-0.4.5-min.js
│ │ ├── jtopo-0.4.6-min.js
│ │ ├── jtopo-0.4.7-min.js
│ │ ├── jtopo-0.4.8_01-min.js
│ │ └── jtopo-0.4.8-min.js
│ ├── download.html
│ ├── favicon.ico
│ ├── img
│ │ ├── bg-footer-noise.jpg
│ │ ├── bg.jpg
│ │ ├── bullet.png
│ │ ├── dark-grey-tile.png
│ │ ├── demo
│ │ │ ├── alarm.png
│ │ │ ├── animate2.png
│ │ │ ├── container.png
│ │ │ ├── eagleeye.png
│ │ │ ├── effect.png
│ │ │ ├── helloworld.png
│ │ │ ├── link.png
│ │ │ ├── mindmap.png
│ │ │ ├── node.png
│ │ │ ├── pstn.png
│ │ │ ├── spring-circle.png
│ │ │ ├── spring.png
│ │ │ ├── statics.png
│ │ │ ├── topology.png
│ │ │ ├── topology - 副本.png
│ │ │ └── win7desktop.png
│ │ ├── donate_bak.png
│ │ ├── donate.png
│ │ ├── download.png
│ │ ├── feature-sprites.png
│ │ ├── gauze.png
│ │ ├── html5-logo.png
│ │ ├── jq-global-nav.png
│ │ ├── logo-jtopo.png
│ │ ├── nva_bg_left.jpg
│ │ ├── nva_bg_mid.jpg
│ │ └── nva_bg_right.jpg
│ ├── index.html
│ ├── introduction-in-5-minutes.html
│ ├── js
│ │ ├── api.js
│ │ ├── demo.js
│ │ ├── jquery.js
│ │ ├── menu.js
│ │ └── site.js
│ ├── mobile
│ │ └── tp
│ │ ├── icon.png
│ │ ├── index.html
│ │ ├── js
│ │ │ ├── jquery-1.9.1.min.js
│ │ │ └── jtopo-0.4.7-min.js
│ │ ├── logo.png
│ │ └── manifest.json
│ └── newsite
│ ├── blog.html
│ ├── components.html
│ ├── contact
│ │ ├── config.php
│ │ └── contact.php
│ ├── contact.html
│ ├── css
│ │ ├── animate.css
│ │ ├── bootstrap.min.css
│ │ ├── custom-fonts.css
│ │ ├── fancybox
│ │ │ ├── blank.gif
│ │ │ ├── fancybox_loading.gif
│ │ │ ├── fancybox_overlay.png
│ │ │ ├── fancybox_sprite.png
│ │ │ └── jquery.fancybox.css
│ │ ├── flexslider.css
│ │ ├── font-awesome.css
│ │ ├── overwrite.css
│ │ └── style.css
│ ├── fonts
│ │ ├── customicon
│ │ │ ├── Icons.eot
│ │ │ ├── Icons.svg
│ │ │ ├── Icons.ttf
│ │ │ └── Icons.woff
│ │ ├── FontAwesome.otf
│ │ ├── fontawesome-webfont.eot
│ │ ├── fontawesome-webfont.svg
│ │ ├── fontawesome-webfont.ttf
│ │ └── fontawesome-webfont.woff
│ ├── img
│ │ ├── avatar.png
│ │ ├── bg_direction_nav.png
│ │ ├── dummies
│ │ │ ├── blog
│ │ │ │ ├── 65x65
│ │ │ │ │ ├── thumb1.jpg
│ │ │ │ │ ├── thumb2.jpg
│ │ │ │ │ └── thumb3.jpg
│ │ │ │ ├── img1.jpg
│ │ │ │ ├── img2.jpg
│ │ │ │ └── img3.jpg
│ │ │ └── dummy-1.jpg
│ │ ├── glyphicons-halflings.png
│ │ ├── glyphicons-halflings-white.png
│ │ ├── nivo-bullets.png
│ │ ├── slides
│ │ │ ├── 1.jpg
│ │ │ ├── 2.jpg
│ │ │ └── 3.jpg
│ │ └── works
│ │ ├── 1.jpg
│ │ ├── 2.jpg
│ │ ├── 3.jpg
│ │ ├── 4.jpg
│ │ ├── 5.jpg
│ │ ├── 6.jpg
│ │ ├── 7.jpg
│ │ └── 8.jpg
│ ├── index.html
│ ├── js
│ │ ├── animate.js
│ │ ├── bootstrap.min.js
│ │ ├── custom.js
│ │ ├── flexslider
│ │ │ ├── jquery.flexslider.js
│ │ │ └── setting.js
│ │ ├── google-code-prettify
│ │ │ ├── prettify.css
│ │ │ └── prettify.js
│ │ ├── jquery.easing.1.3.js
│ │ ├── jquery.fancybox-media.js
│ │ ├── jquery.fancybox.pack.js
│ │ ├── jquery.flexslider.js
│ │ ├── jquery.js
│ │ ├── portfolio
│ │ │ ├── jquery.quicksand.js
│ │ │ └── setting.js
│ │ ├── quicksand
│ │ │ ├── jquery.quicksand.js
│ │ │ └── setting.js
│ │ └── validate.js
│ ├── portfolio.html
│ ├── pricingbox.html
│ ├── skins
│ │ └── default.css
│ └── typography.html
├── README.md
└── server.js
44 directories, 357 files
标签:
小贴士
感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论