正在读取中...

正在读取中...

当前位置:首页 > JS代码 > 其它代码

JavaScript实现的酷炫3D球面标签云效果

所属栏目:其它代码 时间:2014-03-25 来源:网络 作者:不详 次围观 次下载
JavaScript实现的酷炫3D球面标签云效果
兼容:
查看演示
下载地址
收藏

正在读取中...

一般需要修改的,应该是3D球面的大小,也就是半径,修改了大小,就可以随意放进自己页面的任何地方。


半径大小修改:

下载后,打开 miaov.js 文件,第一行:var radius = 120; 这就是半径大小值了。

文字的修改在 miaov_demo.html 文件中,可以任意添加关键词的个数;

如果希望修改文字颜色、鼠标经过的样式,可以打开 miaov_style.css 文件,修改相关的样式即可。


效果原理:


制作这个效果需要重新回顾一下高中的数学知识:

球坐标系

例如:

r∈[0,+∞),

φ∈[0, 2π],

θ∈[0, π] .

r = 常数,即以原点为心的球面;

θ= 常数,即以原点为顶点、z轴为轴的圆锥面;

φ= 常数,即过z轴的半平面。


具体效果请看演示,一流资源网推荐下载。

请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

正在读取中...

猜你喜欢

共有 条评论

给个评价吧

验证码:

正在读取中...

下载最多的

1JS动态五星评分插件代码

JS动态五星评分插件代码

2淘宝商品jQuery列表多条件查询特效代码

淘宝商品jQuery列表多条件查询特效代码

3百度404页面JS倒计时返回页面代码

百度404页面JS倒计时返回页面代码

4后台登录jquery网页全屏背景图片自动切换代码

后台登录jquery网页全屏背景图片自动切换代码

5SimplePager-非常简洁优秀的 jQuery 分页插件-同页面可重复使用

SimplePager-非常简洁优秀的 jQuery 分页插件-同页面可重复使用

6IE6旧版浏览器提示升级代码模板下载

IE6旧版浏览器提示升级代码模板下载

7可展开收缩的框架JS代码

可展开收缩的框架JS代码

8点击切换背景图片jQuery代码

点击切换背景图片jQuery代码

9jQuery公司大事记、历程时间轴专用代码

jQuery公司大事记、历程时间轴专用代码

10网站在线答疑可收缩展开JS代码

网站在线答疑可收缩展开JS代码

正在读取中...

最近更新的

1JS生成二维码-QRCode

JS生成二维码-QRCode

2JS拆分文本再组合

JS拆分文本再组合

3Jquery点击按钮给class设置样式的JS代码

Jquery点击按钮给class设置样式的JS代码

4jquery提示浏览器版本过低建议下载其他浏览器的代码

jquery提示浏览器版本过低建议下载其他浏览器的代码

5JS实现301跳转的JS代码

JS实现301跳转的JS代码

6JS判断当前页面是否在微信浏览器中打开

JS判断当前页面是否在微信浏览器中打开

7mootools分页多选搜索插件

mootools分页多选搜索插件

8强大的js分页组件laypage

强大的js分页组件laypage

9CSS3 滚动视觉差效果加返回顶部

CSS3 滚动视觉差效果加返回顶部

10jQuery分页插件jQuery.pager.js

jQuery分页插件jQuery.pager.js