投稿 搜索
当前位置: 站长天下 / 文字广告 / js实现标签云文字滚动特效代码
js实现标签云文字滚动特效代码
标签:

插件介绍

    一款js标签云文字滚动特效,默认tag标签随机滚动显示,鼠标经过悬停的时候标签停止运动,鼠标移走标签恢复滚动。

    浏览器兼容性

    浏览器兼容性
    时间:2018-06-10
    阅读:

js实现标签云文字滚动特效代码

简要教程

一款js标签云文字滚动特效,默认tag标签随机滚动显示,鼠标经过悬停的时候标签停止运动,鼠标移走标签恢复滚动。

使用方法

引入需要用到的tagcloud.js文件

<script type="text/javascript" src="js/tagcloud.js"></script>
<script type="text/javascript">
    /*3D标签云*/
    tagcloud({
        selector: ".tagcloud",  //元素选择器
        fontsize: 16,       //基本字体大小, 单位px
        radius: 100,         //滚动半径, 单位px
        mspeed: "normal",   //滚动最大速度, 取值: slow, normal(默认), fast
        ispeed: "normal",   //滚动初速度, 取值: slow, normal(默认), fast
        direction: 135,     //初始滚动方向, 取值角度(顺时针360): 0对应top, 90对应left, 135对应right-bottom(默认)...
        keep: false          //鼠标移出组件后是否继续随鼠标滚动, 取值: false, true(默认) 对应 减速至初速度滚动, 随鼠标滚动
    });
</script>