标签云泡泡3d动画效果

代码语言:html

所属分类:其他

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["Bubble", "Bubble"], function() {
                tagcloud({
                    selector: ".tagcloud", //元素选择器
                    fontsize: 16, //基本字体大小, 单位px
                    radius: 140, //滚动半径, 单位px 页面宽度和高度的五分之一
                    mspeed: "slow", //滚动最大速度, 取值: slow, normal(默认), fast
                    ispeed: "slow", //滚动初速度, 取值: slow, normal(默认), fast
                    direction: 135, //初始滚动方向, 取值角度(顺时针360): 0对应top, 90对应left, 135对应right-bottom(默认)...
                    keep: false          //鼠标移出组件后是否继续随鼠标滚动, 取值: false, true(默认) 对应 减速至初速度滚动, 随鼠标滚动
                });
            });
        });
    </script>
</head>
<body>

    <div class="wrapper">
        <div class="tagcloud">
            <!-- bo大小 co颜色 -->
            <a class="b01 co01" href="#">TaoBao</a>
            <a class="b02 co02" href="#">Suning</a>
            <a class="b03 co05" href="#">Juhuasuan</a>
            <a class="b04 co02" href="#">Today</a>
            <a class="b03 co05" href="#">NetEase</a>
 .........完整代码请登录后点击上方下载按钮下载查看

网友评论0