<div class="barrage"><div class="mask"><!--//弹幕内容--></div></div><input type="text" ng-model="data.comment"/><button ng-click="addDanmu()">说两句</button >
2.css
.webPage .barrage{width:100%height:22%position: absolutebottom: 50pxbackground-color: transparentpointer-events: none}.webPage .barrage .mask{width:100%height:100%background:transparentz-index:100}
在多媒体动态交互页面实现弹幕效果，使用的是跑马灯标签。根据查询相关资料显示利用HTML可以实现弹幕滚动效果即跑马灯标签。对于一个静态的网页，为了让它显得有趣，会加入各种动态效果，比如页面弹窗、图片切换等，这种动态效果一般是借助一种叫做JavaScript的语言进行实现的。打开135编辑器，可以在左侧【样式】搜索框输入【弹幕】二字
更改文字方法1
在文本编辑框内输入弹幕文字，每打一句进行一次换行。最多可以打11句。然后点击弹幕样式，就直接刷好了。示例：
更改文字方法2
直接选择弹幕样式，在文本编辑框功能栏里点击【HTML】，切换到代码页面。在代码页面找到下图进行修改。修改完成后，再次点击【HTML】即可回到编辑前的页面，示例：
更改背景图片方法
135编辑器提供了两种弹幕样式，一种是有背景图的，一种是没有背景图的。只要点击背景图，选择【换图】即可更换你想要的背景图。示例：
更多弹幕花样
切换成【HTML】页面，找到与下图类似的代码，进行修改。
