<html>
<head lang="en">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title>弹幕</title>
<link rel="stylesheet" href="../../css/wall.css">
<script></script>
</head>
<style type="text/css" id="171068071682"></style>
<body style="">
<div id="container" class="container">
<div class="list animate" style="top: 0px;"><img src="images/aq.png" alt="">我是说话人：我说的话</div>
</div>
<div class="input-box">
<!--限制用户输入的文字长度，尽量避免用户输入的内容长度超过屏幕的宽度-->
<input type="text" maxlength="20" placeholder="说点什么吧~">
<button id="btn" class="btn">发送</button>
</div>
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="https://s1.pstatp.com/cdn/expire-1-M/jquery/1.10.2/jquery.min.js"></script>
<script src="../../js/barrageWall.js"></script>
<script>
$("#btn").click(function() {
var vla = $(this).prev().val().replace(/(^\s*)|(\s*$)/g, "");
if (vla) {
barrageWall.upWall("../../favicon.ico", "我是说话人", vla); //初始化弹幕墙
}
})
$(function() {
var option = {
container: "#container", //弹幕墙的id
barrageLen: 5 //弹幕的行数
}
barrageWall.init(option); //初始化弹幕墙
barrageWall.upWall("../../favicon.ico", "我是说话人", "我说的话"); //初始化弹幕墙
})
</script>
</body>
</html>