jQuery发布弹幕文字动画特效插件

jQuery发布弹幕文字动画特效插件

一款jQuery简单的弹幕文字特效,输入描述你对TA的印象 限10个文字发布弹幕动画特效。

使用方法
CSS样式代码

1
2
3
4
5
.barrager{width:800px;background:#fff;margin:0 auto;height:500px;overflow:hidden;position:relative;}
.barrager div{position:absolute;}
.addBarrager{border:1px solid #d5d5d5;height:75px;width:800px;margin:0 auto 30px;-webkit-border-radius: 20px;-moz-border-radius:20px;border-radius: 20px;}
.addBarrager input{height:38px;margin-top:20px;margin-left:2%;width:70%;text-indent:30px;border:none;line-height:38px;font-size:20px;}
.addBarrager .submit{height:38px;background:#fff;font-size:20px;font-family: "微软雅黑";width:25%;margin-top:20px;border-left:1px solid #d5d5d5;}

HTML结构

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="barrager">
    <div><span>我的女神</span></div>
    <div><span>温婉而雅</span></div>
    <div><span>温柔美丽</span></div>
    <div><span>温柔美丽</span></div>
    <div><span>温柔美丽</span></div>
    <div><span>我最爱的叶老师</span></div>
    <div><span>气质型</span></div>
    <div><span>风趣幽默</span></div>
    <div><span>风趣幽默</span></div>
</div>
<div class="addBarrager clearfix">
    <input type="text" maxlength="10" autocomplete="off" class="fl barVal" placeholder="描述你对TA的印象 限10个字">
    <button class="submit fr">发布</button>
</div>

文件信息:

    4

    发表评论