Apr
08
2018
分享一个弹幕效果，jquery弹幕插件
作者：
绝缘体.. 发布：
2018-04-08 06:40 分类：
未分类 阅读：
抢沙发
分享一个jquery弹幕效果，具体代码细节就不分析了，经整理代码已经极简化了，有兴趣的可以参考下，文末提供了效果下载，可看完整的弹幕效果。
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>jquery弹幕效果插件</title>
<link rel="stylesheet" type="text/css" href="barrager.css">
<script type="text/javascript" src="jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="jquery.barrager.js"></script>
</head>
<body>
<script type="text/javascript">
$(function () {
var item={
img:'barrage_head.png', //图片
info:'弹幕文字信息弹幕文字信息弹幕文字信息', //文字
href:'http://www.phpernote.com', //链接
close:true, //显示关闭按钮
speed:6, //延迟,单位秒,默认6
bottom:70, //距离底部高度,单位px,默认随机
color:'#fff', //颜色,默认白色
old_ie_color:'#000000', //ie低版兼容色,不能与网页背景相同,默认黑色
};
$('body').barrager(item);
});
</script>
</body>
</html>
jquery弹幕效果
微信扫一扫，打赏作者吧～
分享一个弹幕效果，jquery弹幕插件：等您坐沙发呢！
发表评论
