懒人之家--可能是JS网页特效代码收集最全的懒站!
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码

jQuery网页右下角文字评论弹幕代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-04-15
jQuery网页右下角文字评论弹幕代码是一款十分简单的文字弹幕插件,文字的颜色与背景色随机显示,还可以控制停止弹幕。


js代码

<script type="text/javascript">

// 数据初始化
var Obj = $('body').barrage({
	data : data, //数据列表
	row : 5,   //显示行数
	time : 1000, //间隔时间
	gap : 20,    //每一个的间隙
	position : 'fixed', //绝对定位
	direction : 'bottom right', //方向
	ismoseoverclose : true, //悬浮是否停止
})
Obj.start(); 

//添加评论
$("#submit_barraget").click(function(){

	var val = $("#barrage_content").val();
	//此格式与dataa.js的数据格式必须一致
	var addVal = {
		href : '',
		text : val
	}
	//添加进数组
	Obj.data.unshift(addVal);
	alert('评论成功');

})

$("#open").click(function(){
	Obj.start(); 
})
$("#stop").click(function(){
	Obj.close();
})
</script>