知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

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

    作者:佳明妈 来源:网络 2010-10-20 人气:
    仿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; }

    ↓ 查看全文

    仿wordpress 3D旋转标签云JS代码由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    仿wordpress 3D旋转标签云JS代码-最新评论