当前位置: 懒人建站 > JS代码 > 网页特效 >

仿wordpress 3D旋转标签云JS代码

仿wordpress 3D旋转标签云JS代码,这个3D旋转标签云使用JS代码编写,JS代码只有4K多。比wordpress的flash版3D旋转标签云小了N倍。
分享到:

代码说明:

仿wordpress 3D旋转标签云JS代码,这个3D旋转标签云完全使用JS代码编写,整个代码很小只有4K多。比wordpressflash版3D旋转标签云小了N倍,呵呵 你可以在自己网站上秀一把而不用担心文件太大影响加载速度。

鼠标在不同的方向上滑动,3D标签云就向那个方向滚动。

注:3d.js中的 第一行:var radius = 100; 这是半径的值。

样式你可以在 style.css 中修改:
body{background-color:#3A4954;}
#div1 {position:relative; width:240px; height:450px; margin: 20px auto 0; }
#div1 a {position:absolute; top:0px; left:0px; font-family: Microsoft YaHei; color:#fff;
font-weight:bold; text-decoration:none; padding: 3px 6px; }
#div1 a:hover {border: 1px solid #eee; background: #000; }
#div1 .blue {color:blue;}
#div1 .red {color:red;}
#div1 .yellow {color:yellow;}

p { font: 16px Microsoft YaHei; text-align: center; color: #ba0c0c; }
p a { font-size: 14px; color: #ba0c0c; }
p a:hover { color: red; }

来源:网络|发布人:懒人建站|2010-10-20|热度:|收 藏|报 错


相关代码

懒人建站

登 录| 注 册
你也许会喜欢X 关闭↑返回顶部→相关代码/文章
收藏到: 百度搜藏 新浪微博 QQ空间 更多
香港免备案空间,一年80元,500M空间、免费送100M mysql数据库。香港新世界电讯机房,与万网香港空间同机房,懒人建站同服务器。点击这里给我发消息速度演示:jquery 特效