分享一个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://php.hhsy.cc', //链接 close:true, //显示关闭按钮 speed:6, //延迟,单位秒,默认6 bottom:70, //距离底部高度,单位px,默认随机 color:'#fff', //颜色,默认白色 old_ie_color:'#000000', //ie低版兼容色,不能与网页背景相同,默认黑色 }; $('body').barrager(item); }); </script> </body> </html>