jquery.barrager.js专业的网页弹幕插件

jquery.barrager.js专业的网页弹幕插件

所属分类：其他-独立的部件

 76215
 561
 查看评论 (35)

分享到微信朋友圈X

 查看演示
 website
 立即下载

插件描述：一款专业的网页弹幕插件。支持显示图片文字以及超链接，支持自定义弹幕的速度、高度、颜色、数量等

Jquery.barrager.js 是一款优雅的网页弹幕插件,支持显示图片,文字以及超链接。支持速度、高度、颜色、数量等自定义。能轻松集成到论坛,博客等网站中。

使用

发布弹幕

弹幕文字必选,图片,链接为空则不显示,其他的可选项有默认值,弹幕具体配置如下代码。

var item={
   img:’static/heisenberg.png’, //图片 
   info:’弹幕文字信息’, //文字 
   href:’http://www.yaseng.org’, //链接 
   close:true, //显示关闭按钮 
   speed:6, //延迟,单位秒,默认6 
   bottom:70, //距离底部高度,单位px,默认随机 
   color:’#fff’, //颜色,默认白色 
   old_ie_color:’#000000′, //ie低版兼容色,不能与网页背景相同,默认黑色 
 }
$(‘body’).barrager(item);

清除所有弹幕

$.fn.barrager.removeAll();

兼容低版本ie

ie 浏览器小于9不兼容css 圆角,采用兼容样式,可单独设置弹幕的颜色,属性为old_ie_color,建议不要与网页主背景色相同。 兼容模式效果图

集成

通用后端

读取服务端有两种模式,适应于不同的场景

实时读取,隔x秒请求一次接口,获取一条弹幕,发送。

一次读取完毕,隔x秒发送一条弹幕。

注意:json数据需要HTML 实体化以防止xss攻击。

第一种模式示范代码 server 端(php)