wushenghua/vczero.github.io
1
0
Fork 0
mirror of https://github.com/wu736139669/vczero.github.io.git synced 2026-08-05 06:23:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

add danmu

Browse Source
This commit is contained in:
lh_wang
2015-08-11 00:14:55 +08:00
parent 3541c115cc
commit 53e38d11a9
2 changed files with 46 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
meitu/index.html
+45
View File
@@ -31,6 +31,51 @@
<link rel="apple-touch-icon-precomposed" sizes="180x180" href="retinahd_icon.png"> <link rel="apple-touch-icon-precomposed" sizes="180x180" href="retinahd_icon.png">
<link type="text/css" rel="stylesheet" href="css/main.css" /> <link type="text/css" rel="stylesheet" href="css/main.css" />
<link type="text/css" rel="stylesheet" href="css/font-awesome.css" /> <link type="text/css" rel="stylesheet" href="css/font-awesome.css" />
<script src='http://123.57.39.116:9797/javascripts/socket.io.js'></script>
<script type="text/javascript">
var socket = io('http://123.57.39.116:9797');
var win = window;
var doc = win.document;
function showPaodan(name,msg){
if(win.timeer){clearTimeout(win.timeer);win.timeer = null;}
var paodan = [
' <div style="height:40px;border:1px solid #65b9e8;">',
' <div style="float:left;">',
' <img id="paodan_img" style="width:40px;height:40px;"/>',
' </div>',
' <div id="paodan_msg">',
' </div>',
' <div style="position:absolute;right:0px;top:0px;width:15px;height:15px;">',
' <a href="javascript:void(0)" onclick="$(\'#paodan\').hide();if(win.timeer){clearTimeout(win.timeer);win.timeer = null;};" style="width:100%;height:100%;padding:0;margin:0;background-color:#65b9e8;text-align:center;display:block;color:white;list-style-type:none;">',
' X',
' </a>',
' </div>'
].join('');
var $paodan = $('#paodan',doc);
var len = $paodan.length;
if(!len){
$('<div id="paodan" style="z-index:19999;position: absolute; width: 100%; left: 0px;top:0px;height:40px;display:;background-color:#fff;">'+paodan+'</div>').appendTo($('body',doc));
}
console.log('----------')
$('#paodan_img',doc).attr("src",'./img/'+name+'.png')
$('#paodan_msg',doc).html(msg);
$paodan = $('#paodan',doc);
$paodan.show();
win.timeer = setTimeout(function(){
$paodan.hide();
},1000)
}
socket.on('paodan showtitle', function (data) {
console.log('paodan showtitle',data);
var data = JSON.parse(data);
showPaodan(data.name,data.html)
});
</script>
</head> </head>
<body> <body>
meitu/toupiao/danmu.html
+1 -1
View File
@@ -505,7 +505,7 @@
$chat_container.append($buddy); $chat_container.append($buddy);
// var $chat_textarea = $('.chat_textarea'); // var $chat_textarea = $('.chat_textarea');
// $chat_textarea.html(""); // $chat_textarea.html("");
showPaodan(data.name,data.html) // showPaodan(data.name,data.html)
var panel_body_container = $('.panel_body_container')[0]; var panel_body_container = $('.panel_body_container')[0];
panel_body_container.scrollTop = panel_body_container.scrollHeight; panel_body_container.scrollTop = panel_body_container.scrollHeight;