求大家给指点指点，如何用js实现类似图中的效果？给点思路或者例子吧

lixujin123 2013-11-15 01:19:37

如上图，我现在想实现这种多个标签形成一个“球”型的环绕效果，此处的标签的内容长度是随机的，很头疼如何为这些头疼的每一个标签固定一个位置呢，大小和位置都是不固定的，不知道是不是要用js写一个好的方法来实现这种效果？不知道大家有好的思路没有，或者有见过类似的效果，让我能够参考一下。

此外，我记得之前在一个网站上好像见过一个也是由很多关键词组成的一个环绕不停运动的3D球，那个效果感觉也不错，但忘记什么网站了，不知道大家有见过的没有，希望能给点指导~

...全文

165 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

前端加班仔 2013-12-25

打赏
举报

回复

好牛啊，这技术

Deep_Learning 2013-11-15

打赏
举报

回复

http://js.itivy.com/?p=1094，可以看看，希望能帮到你

懒懒的酱油 2013-11-15

打赏
举报

回复

js实现3D球面标签云感觉这个不错~

不想成为茶叶蛋的鸡蛋 2013-11-15

打赏
举报

回复

关键字球状旋转效果(JS)

建议先看效果和说明：https://blog.csdn.net/qq_33789001/article/details/129442180 该功能基于mind-ar-js-master\examples\face-tracking\example1.html案例修改而来，主要是将部分托管在cdn服务器的脚本库进行了本地化关联（解决加载太慢的问题）和替换了面部网格贴图。近段时间一直在玩MindAR的功能，之前一直在弄图片识别追踪的功能，发现其强大的功能还有脸部识别和追踪的功能，就基于其面部网格的例子修改了一个国粹京剧的换脸程序。基于MindAR实现的网页端WebAR图片识别叠加动作模型追踪功能，其中包含了大致的配置步骤和图片识别的功能。本文就以仓库中的面网案例的基础上进行了修改，将部分托管在cdn服务器的脚本库进行了本地化关联（解决加载太慢的问题），利用了笔者的超低PS技术进行了京剧面网的p图，实现了该效果。按MindAR作者的说法是可以在手机上运行，但是笔者在进行手机测试的时候，一直在转圈加载中，并未在手机上成功使用该功能，如果有大佬知道是啥问题也请指点一下。

本资料大全致力于收集一切关于C语言的文章、技巧、教程、源代码和辅助工具软件。适合所有层次的C语言学习者。本资料大全免费下载，如您手头也有C语言相关资料，敬请分享，另外如您对本资料大全有任何建议或者意见希望能告诉我，以便以后继续改进。请不要做浮躁的人 1.不要看到别人的回复第一句话就说：给个代码吧！你应该想想为什么。当你自己想出来再参考别人的提示，你就知道自己和别人思路的差异。 2.初学者请不要看太多太多的书那会误人子弟的，先找本系统的学，很多人用了很久都是只对部分功能熟悉而已，不系统还是不够的。 3.看帮助,不要因为很难而自己是初学者所以就不看；帮助永远是最好的参考手册，虽然帮助的文字有时候很难看懂，总觉得不够直观。 4.不要被对象、属性、方法等词汇所迷惑；最根本的是先了解最基础知识。 5.不要放过任何一个看上去很简单的小问题--他们往往并不那么简单，或者可以引伸出很多知识点；不会举一反三你就永远学不会。 6.知道一点东西，并不能说明你会写脚本，脚本是需要经验积累的。 7.学脚本并不难，JSP、ASP、PHP等等也不过如此--难的是长期坚持实践和不遗余力的博览群书； 8.看再多的书是学不全脚本的，要多实践 9.把时髦的技术挂在嘴边，还不如把过时的技术记在心里； 10.学习脚本最好的方法之一就是多练习； 11.在任何时刻都不要认为自己手中的书已经足够了； 12.看得懂的书，请仔细看；看不懂的书，请硬着头皮看； 13.别指望看第一遍书就能记住和掌握什么——请看第二遍、第三遍； 14.请把书上的例子亲手到电脑上实践，即使配套光盘中有源文件； 15.把在书中看到的有意义的例子扩充；并将其切实的运用到自己的工作中； 16.不要漏掉书中任何一个练习——请全部做完并记录下思路； 17.当你用脚本到一半却发现自己用的方法很拙劣时，请不要马上停手；请尽快将余下的部分粗略的完成以保证这个代码的完整性，然后分析自己的错误并重新编写和工作。 18.别心急，写脚本确实不容易；水平是在不断的实践中完善和发展的； 19.每学到一个脚本难点的时候，尝试着对别人讲解这个知识点并让他理解----你能讲清楚才说明你真的理解了； 20.记录下在和别人交流时发现的自己忽视或不理解的知识点； 21.保存好你做过的所有的源文件----那是你最好的积累之一； 22.对于网络，还是希望大家能多利用一下，很多问题不是非要到论坛来问的，首先你要学会自己找答案，比如google、百度都是很好的搜索引擎，你只要输入关键字就能找到很多相关资料，别老是等待别人给你希望，看的出你平时一定也很懒！ 23，到一个论坛，你学会去看以前的帖子，不要什么都不看就发帖子问，也许你的问题早就有人问过了，你再问，别人已经不想再重复了，做为初学者，谁也不希望自己的帖子没人回的。 24，虽然不是打击初学者，但是这句话还是要说：论坛论坛，就是大家讨论的地方，如果你总期望有高手总无偿指点你，除非他是你亲戚！！讨论者，起码是水平相当的才有讨论的说法，如果水平真差距太远了，连基本操作都需要别人给解答，谁还跟你讨论呢。能找到很多相关资料，别老是等待别人给你希望，看的出你平时一定也很懒！ 23，到一个论坛，你学会去看以前的帖子，不要什么都不看就发帖子问，也许你的问题早就有人问过了，你再问，别人已经不想再重复了，做为初学者，谁也不希望自己的帖子没人回的。 24，虽然不是打击初学者，但是这句话还是要说：论坛论坛，就是大家讨论的地方，如果你总期望有高手总无偿指点你，除非他是你亲戚！！讨论者，起码是水平相当的才有讨论的说法，如果水平真差距太远了，连基本操作都需要别人给解答，谁还跟你讨论呢。浮躁的人容易问：我到底该学什么；----别问，学就对了；浮躁的人容易问：JS有钱途吗；----建议你去抢银行；浮躁的人容易说：我要中文版！我英文不行！----不行？学呀！浮躁的人分两种：只观望而不学的人；只学而不坚持的人；浮躁的人永远不是一个高手。

企业实战持续集成-Jenkins视频教程（必备技能）软件版本：Jenkins 1.625 Linux零基础、初学者、中级运维、高级运维，让你轻松突破高薪20K+，通过本套实战课程的全程学习，能力跨越一个台阶，选择和努力决定薪资，向高级运维工程师迈进。通过本课程的学习，大家可以从懵懂到熟悉，从熟悉到熟练，能够在企业中熟练运用，同时在学习的过程中有任何不明白的地方，都可以向我咨询，我会积极帮助大家解决问题。课程增值： 1、通过购买本课程你可以全套的有目标的学习企业必备运维知识，有目标有方向。 2、大家购买的不仅仅是一个课程，课程只是一种学习方式，免费加入会员群，你的所有问题都会在第一时间得到解答，实现真正的全程辅导。 3、能够得到全程的辅导，我会耐心的帮助大家，指导大家在工作和生活中积极向上，你会得到满满的正能量。 4、我教你的不仅仅技术，而且会教你做人做事的方法，让你受益一辈子，这才最重要的。 5、大家认真学习完整套课程，工作的机会是非常非常多，所以从现在起，就要努力提升自己的能力，有句话说的好：如果自己都不愿意动，别人还怎么帮助你，只要你动，我会协助和推荐你工作，分析在面试中的不足，然后改进，让你得到你真正想要的工作。进入BAT也是有可能的哦，一切还得取决于你。适合对象：本课程适合真正想改变，有决心有毅力，想通过技术改变自己，想学习的人，适合Linx初学者，Linux爱好者，Linux初级、Linux中级，以及想进一步发展为Linux高级资深运维工程师。学习条件：有一台自己的PC机、或者笔记本即可，能安装常用软件VMware等，能够主动学习。把学习当成自己的一回事。相信每位同学付出努力的同时，一定会有美好的结果，我们一起努力！学习宣言：我曾经经历过学习Linux的苦恼，没有人指点，进步慢如蜗牛，也是非常荣幸得到很多人的帮助和指导，所以今天想帮助真心想学习的朋友，少走弯路，用技术成就自己的梦想。讲课风格：Linux从入门到高级系列全部重点放在企业应用上面，课程主要针对互联网企业运维，因此不会花多余的时间去阐述无关紧要和企业用不到的东西，所以全程都是围绕实战运维，操作为主。

前言学习Node就绕不开异步IO，异步IO又与事件循环息息相关，而关于这一块一直没有仔细去了解整理过，刚好最近在做项目的时候，有了一些思考就记录了下来，希望能尽量将这一块的知识整理清楚，如有错误，请指点轻喷~~ 一些概念同步异步 & 阻塞非阻塞查阅资料的时候，发现很多人都对异步和非阻塞的概念有点混淆，其实两者是完全不同的，同步异步指的是行为即两者之间的关系，而阻塞非阻塞指的是状态即某一方。以前端请求为一个例子，下面的代码很多人都应该写过 $.ajax(url).succedd(() => { ...... // to do something

现需实现一个登录系统，前端bootstrap，后端php+mysql。数据库记录用户权限，一共四种，现需根据登陆用户的权限跳转到不同后台(比如su跳转到管理页面，非su跳转到个人信息页面)，实现思路是什么？我试着用Ajax请求不同页面的代码然后用js无刷新重写整个页面，但是有很多问题，是这个思路行不通还是我的实现有问题？小弟刚开始接触网页，跪求高人指点迷津！回复内容：现需实现一个登录系统，前端bo...

87,910

社区成员

224,616

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章