??? ?? ?? ?? ??
<html lang="ko">
<??>
<meta charset="UTF-8">
<title>彈幕</title>
<link rel="stylesheet" href="css/css.css">
<script src="js/jquery-1.11.0.js"></script>
</??>
<?>
<div id="zz">
<div id="ds"></div>
</div>
<div id="??">
<div id="yc">
<a href="??????:;" class="colorHint">樣式</a>
<div class="colorDiv">
<ul class="colorDivUl">
<p class="name">字號</p>
<div class="fontSizeDiv">
<a href="??????:;" data-size="22px">???</a>
<a href="??????:;" data-size="18px">??</a>
<a href="??????:;" data-size="14px">??</a>
</div>
<div class="clear"></div>
<p class="name">顏color</p>
<div class="backColorDiv">
<p class="backColor"></p>
<p class="colorText">#ffffff</p>
<div class="clear"></div>
<div class="colorDivs">
<a href="??????:;" class="a000000" data-color="000000"></a>
<a href="??????:;" class="a000000" data-color="000000"></a>
<a href="??????:;" class="a003300" data-color="003300"></a>
<a href="??????:;" class="a006600" data-color="006600"></a>
<a href="??????:;" class="a009900" data-color="009900"></a>
<a href="??????:;" class="a00cc00" data-color="00cc00"></a>
<a href="??????:;" class="a00ff00" data-color="00ff00"></a>
<a href="??????:;" class="a3a0000" data-color="3a0000"></a>
<a href="??????:;" class="a333300" data-color="333300"></a>
<a href="??????:;" class="a336600" data-color="336600"></a>
<a href="??????:;" class="a339900" data-color="339900"></a>
<a href="??????:;" class="a33cc00" data-color="33cc00"></a>
<a href="??????:;" class="a33ff00" data-color="33ff00"></a>
<a href="??????:;" class="a660000" data-color="660000"></a>
<a href="??????:;" class="a663300" data-color="663300"></a>
<a href="??????:;" class="a666600" data-color="666600"></a>
<a href="??????:;" class="a669900" data-color="669900"></a>
<a href="??????:;" class="a66cc00" data-color="66cc00"></a>
<a href="??????:;" class="a66ff00" data-color="66ff00"></a>
<a href="??????:;" class="a333333" data-color="333333"></a>
<a href="??????:;" class="a000033" data-color="000033"></a>
<a href="??????:;" class="a003333" data-color="003333"></a>
<a href="??????:;" class="a006633" data-color="006633"></a>
<a href="??????:;" class="a009933" data-color="009933"></a>
<a href="??????:;" class="a00cc33" data-color="00cc33"></a>
<a href="??????:;" class="a00ff33" data-color="00ff33"></a>
<a href="??????:;" class="a330033" data-color="330033"></a>
<a href="??????:;" class="a333333" data-color="333333"></a>
<a href="??????:;" class="a336633" data-color="336633"></a>
<a href="??????:;" class="a339933" data-color="339933"></a>
<a href="??????:;" class="a33cc33" data-color="33cc33"></a>
<a href="??????:;" class="a33ff33" data-color="33ff33"></a>
<a href="??????:;" class="a660033" data-color="660033"></a>
<a href="??????:;" class="a663333" data-color="663333"></a>
<a href="??????:;" class="a666633" data-color="666633"></a>
<a href="??????:;" class="a669933" data-color="669933"></a>
<a href="??????:;" class="a66cc33" data-color="66cc33"></a>
<a href="??????:;" class="a66ff33" data-color="66ff33"></a>
<a href="??????:;" class="a666666" data-color="666666"></a>
<a href="??????:;" class="a000066" data-color="000066"></a>
<a href="??????:;" class="a003366" data-color="003366"></a>
<a href="??????:;" class="a006666" data-color="006666"></a>
<a href="??????:;" class="a009966" data-color="009966"></a>
<a href="??????:;" class="a00cc66" data-color="00cc66"></a>
<a href="??????:;" class="a00ff66" data-color="00ff66"></a>
<a href="??????:;" class="a330066" data-color="330066"></a>
<a href="??????:;" class="a333366" data-color="333366"></a>
<a href="??????:;" class="a336666" data-color="336666"></a>
<a href="??????:;" class="a339966" data-color="339966"></a>
<a href="??????:;" class="a33cc66" data-color="33cc66"></a>
<a href="??????:;" class="a33ff66" data-color="33ff66"></a>
<a href="??????:;" class="a660066" data-color="660066"></a>
<a href="??????:;" class="a663366" data-color="663366"></a>
<a href="??????:;" class="a666666" data-color="666666"></a>
<a href="??????:;" class="a669966" data-color="669966"></a>
<a href="??????:;" class="a66cc66" data-color="66cc66"></a>
<a href="??????:;" class="a66ff66" data-color="66ff66"></a>
<a href="??????:;" class="a999999" data-color="999999"></a>
<a href="??????:;" class="a000099" data-color="000099"></a>
<a href="??????:;" class="a003399" data-color="003399"></a>
<a href="??????:;" class="a006699" data-color="006699"></a>
<a href="??????:;" class="a009999" data-color="009999"></a>
<a href="??????:;" class="a00cc99" data-color="00cc99"></a>
<a href="??????:;" class="a00ff99" data-color="00ff99"></a>
<a href="??????:;" class="a330099" data-color="330099"></a>
<a href="??????:;" class="a333399" data-color="333399"></a>
<a href="??????:;" class="a336699" data-color="336699"></a>
<a href="??????:;" class="a339999" data-color="339999"></a>
<a href="??????:;" class="a33cc99" data-color="33cc99"></a>
<a href="??????:;" class="a33ff99" data-color="33ff99"></a>
<a href="??????:;" class="a660099" data-color="660099"></a>
<a href="??????:;" class="a663399" data-color="663399"></a>
<a href="??????:;" class="a666699" data-color="666699"></a>
<a href="??????:;" class="a669999" data-color="669999"></a>
<a href="??????:;" class="a66cc99" data-color="66cc99"></a>
<a href="??????:;" class="a66ff99" data-color="66ff99"></a>
<a href="??????:;" class="acccccc" data-color="cccccc"></a>
<a href="??????:;" class="a0000cc" data-color="0000cc"></a>
<a href="??????:;" class="a0033cc" data-color="0033cc"></a>
<a href="??????:;" class="a0066cc" data-color="0066cc"></a>
<a href="??????:;" class="a0099cc" data-color="0099cc"></a>
<a href="??????:;" class="a00cccc" data-color="00cccc"></a>
<a href="??????:;" class="a00ffcc" data-color="00ffcc"></a>
<a href="??????:;" class="a3300cc" data-color="3300cc"></a>
<a href="??????:;" class="a3333cc" data-color="3333cc"></a>
<a href="??????:;" class="a3366cc" data-color="3366cc"></a>
<a href="??????:;" class="a3399cc" data-color="3399cc"></a>
<a href="??????:;" class="a33cccc" data-color="33cccc"></a>
<a href="??????:;" class="a33ffcc" data-color="33ffcc"></a>
<a href="??????:;" class="a6600cc" data-color="6600cc"></a>
<a href="??????:;" class="a6633cc" data-color="6633cc"></a>
<a href="??????:;" class="a6666cc" data-color="6666cc"></a>
<a href="??????:;" class="a6699cc" data-color="6699cc"></a>
<a href="??????:;" class="a66cccc" data-color="66cccc"></a>
<a href="??????:;" class="a66ffcc" data-color="66ffcc"></a>
<a href="??????:;" class="affffff" data-color="ffffff"></a>
<a href="??????:;" class="a0000ff" data-color="0000ff"></a>
<a href="??????:;" class="a0033ff" data-color="0033ff"></a>
<a href="??????:;" class="a0066ff" data-color="0066ff"></a>
<a href="??????:;" class="a0099ff" data-color="0099ff"></a>
<a href="??????:;" class="a00ccff" data-color="00ccff"></a>
<a href="??????:;" class="a00ffff" data-color="00ffff"></a>
<a href="??????:;" class="a3300ff" data-color="3300ff"></a>
<a href="??????:;" class="a3333ff" data-color="3333ff"></a>
<a href="??????:;" class="a3366ff" data-color="3366ff"></a>
<a href="??????:;" class="a3399ff" data-color="3399ff"></a>
<a href="??????:;" class="a33ccff" data-color="33ccff"></a>
<a href="??????:;" class="a33ffff" data-color="33ffff"></a>
<a href="??????:;" class="a6600ff" data-color="6600ff"></a>
<a href="??????:;" class="a6633ff" data-color="6633ff"></a>
<a href="??????:;" class="a6666ff" data-color="6666ff"></a>
<a href="??????:;" class="a6699ff" data-color="6699ff"></a>
<a href="??????:;" class="a66ccff" data-color="66ccff"></a>
<a href="??????:;" class="a66ffff" data-color="66ffff"></a>
<a href="??????:;" class="aff0000" data-color="ff0000"></a>
<a href="??????:;" class="a990000" data-color="990000"></a>
<a href="??????:;" class="a993300" data-color="993300"></a>
<a href="??????:;" class="a996600" data-color="996600"></a>
<a href="??????:;" class="a999900" data-color="999900"></a>
<a href="??????:;" class="a99cc00" data-color="99cc00"></a>
<a href="??????:;" class="a99ff00" data-color="99ff00"></a>
<a href="??????:;" class="acc0000" data-color="cc0000"></a>
<a href="??????:;" class="acc3300" data-color="cc3300"></a>
<a href="??????:;" class="acc6600" data-color="cc6600"></a>
<a href="??????:;" class="acc9900" data-color="cc9900"></a>
<a href="??????:;" class="acccc00" data-color="cccc00"></a>
<a href="??????:;" class="accff00" data-color="ccff00"></a>
<a href="??????:;" class="aff0000" data-color="ff0000"></a>
<a href="??????:;" class="aff3300" data-color="ff3300"></a>
<a href="??????:;" class="aff6600" data-color="ff6600"></a>
<a href="??????:;" class="aff9900" data-color="ff9900"></a>
<a href="??????:;" class="affcc00" data-color="ffcc00"></a>
<a href="??????:;" class="affff00" data-color="ffff00"></a>
<a href="??????:;" class="a00ff00" data-color="00ff00"></a>
<a href="??????:;" class="a990033" data-color="990033"></a>
<a href="??????:;" class="a993333" data-color="993333"></a>
<a href="??????:;" class="a996633" data-color="996633"></a>
<a href="??????:;" class="a999933" data-color="999933"></a>
<a href="??????:;" class="a99cc33" data-color="99cc33"></a>
<a href="??????:;" class="a99ff33" data-color="99ff33"></a>
<a href="??????:;" class="acc0033" data-color="cc0033"></a>
<a href="??????:;" class="acc3333" data-color="cc3333"></a>
<a href="??????:;" class="acc6633" data-color="cc6633"></a>
<a href="??????:;" class="acc9933" data-color="cc9933"></a>
<a href="??????:;" class="acccc33" data-color="cccc33"></a>
<a href="??????:;" class="accff33" data-color="ccff33"></a>
<a href="??????:;" class="aff0033" data-color="ff0033"></a>
<a href="??????:;" class="aff3333" data-color="ff3333"></a>
<a href="??????:;" class="aff6633" data-color="ff6633"></a>
<a href="??????:;" class="aff9933" data-color="ff9933"></a>
<a href="??????:;" class="affcc33" data-color="ffcc33"></a>
<a href="??????:;" class="affff33" data-color="ffff33"></a>
<a href="??????:;" class="a0000ff" data-color="0000ff"></a>
<a href="??????:;" class="a990066" data-color="990066"></a>
<a href="??????:;" class="a993366" data-color="993366"></a>
<a href="??????:;" class="a996666" data-color="996666"></a>
<a href="??????:;" class="a999966" data-color="999966"></a>
<a href="??????:;" class="a99cc66" data-color="99cc66"></a>
<a href="??????:;" class="a99ff66" data-color="99ff66"></a>
<a href="??????:;" class="acc0066" data-color="cc0066"></a>
<a href="??????:;" class="acc3366" data-color="cc3366"></a>
<a href="??????:;" class="acc6666" data-color="cc6666"></a>
<a href="??????:;" class="acc9966" data-color="cc9966"></a>
<a href="??????:;" class="acccc66" data-color="cccc66"></a>
<a href="??????:;" class="accff66" data-color="ccff66"></a>
<a href="??????:;" class="aff0066" data-color="ff0066"></a>
<a href="??????:;" class="aff3366" data-color="ff3366"></a>
<a href="??????:;" class="aff6666" data-color="ff6666"></a>
<a href="??????:;" class="aff9966" data-color="ff9966"></a>
<a href="??????:;" class="affcc66" data-color="ffcc66"></a>
<a href="??????:;" class="affff66" data-color="ffff66"></a>
<a href="??????:;" class="affff00" data-color="ffff00"></a>
<a href="??????:;" class="a990099" data-color="990099"></a>
<a href="??????:;" class="a993399" data-color="993399"></a>
<a href="??????:;" class="a996699" data-color="996699"></a>
<a href="??????:;" class="a999999" data-color="999999"></a>
<a href="??????:;" class="a99cc99" data-color="99cc99"></a>
<a href="??????:;" class="a99ff99" data-color="99ff99"></a>
<a href="??????:;" class="acc0099" data-color="cc0099"></a>
<a href="??????:;" class="acc3399" data-color="cc3399"></a>
<a href="??????:;" class="acc6699" data-color="cc6699"></a>
<a href="??????:;" class="acc9999" data-color="cc9999"></a>
<a href="??????:;" class="acccc99" data-color="cccc99"></a>
<a href="??????:;" class="accff99" data-color="ccff99"></a>
<a href="??????:;" class="aff0099" data-color="ff0099"></a>
<a href="??????:;" class="aff3399" data-color="ff3399"></a>
<a href="??????:;" class="aff6699" data-color="ff6699"></a>
<a href="??????:;" class="aff9999" data-color="ff9999"></a>
<a href="??????:;" class="affcc99" data-color="ffcc99"></a>
<a href="??????:;" class="affff99" data-color="ffff99"></a>
<a href="??????:;" class="a00ffff" data-color="00ffff"></a>
<a href="??????:;" class="a9900cc" data-color="9900cc"></a>
<a href="??????:;" class="a9933cc" data-color="9933cc"></a>
<a href="??????:;" class="a9966cc" data-color="9966cc"></a>
<a href="??????:;" class="a9999cc" data-color="9999cc"></a>
<a href="??????:;" class="a99cccc" data-color="99cccc"></a>
<a href="??????:;" class="a99ffcc" data-color="99ffcc"></a>
<a href="??????:;" class="acc00cc" data-color="cc00cc"></a>
<a href="??????:;" class="acc33cc" data-color="cc33cc"></a>
<a href="??????:;" class="acc66cc" data-color="cc66cc"></a>
<a href="??????:;" class="acc99cc" data-color="cc99cc"></a>
<a href="??????:;" class="acccccc" data-color="cccccc"></a>
<a href="??????:;" class="accffcc" data-color="ccffcc"></a>
<a href="??????:;" class="aff00cc" data-color="ff00cc"></a>
<a href="??????:;" class="aff33cc" data-color="ff33cc"></a>
<a href="??????:;" class="aff66cc" data-color="ff66cc"></a>
<a href="??????:;" class="aff99cc" data-color="ff99cc"></a>
<a href="??????:;" class="affcccc" data-color="ffcccc"></a>
<a href="??????:;" class="affffcc" data-color="ffffcc"></a>
<a href="??????:;" class="aff00ff" data-color="ff00ff"></a>
<a href="??????:;" class="a9900ff" data-color="9900ff"></a>
<a href="??????:;" class="a9933ff" data-color="9933ff"></a>
<a href="??????:;" class="a9966ff" data-color="9966ff"></a>
<a href="??????:;" class="a9999ff" data-color="9999ff"></a>
<a href="??????:;" class="a99ccff" data-color="99ccff"></a>
<a href="??????:;" class="a99ffff" data-color="99ffff"></a>
<a href="??????:;" class="acc00ff" data-color="cc00ff"></a>
<a href="??????:;" class="acc33ff" data-color="cc33ff"></a>
<a href="??????:;" class="acc66ff" data-color="cc66ff"></a>
<a href="??????:;" class="acc99ff" data-color="cc99ff"></a>
<a href="??????:;" class="accccff" data-color="ccccff"></a>
<a href="??????:;" class="accffff" data-color="ccffff"></a>
<a href="??????:;" class="aff00ff" data-color="ff00ff"></a>
<a href="??????:;" class="aff33ff" data-color="ff33ff"></a>
<a href="??????:;" class="aff66ff" data-color="ff66ff"></a>
<a href="??????:;" class="aff99ff" data-color="ff99ff"></a>
<a href="??????:;" class="affccff" data-color="ffccff"></a>
<a href="??????:;" class="affffff" data-color="ffffff"></a>
</div>
</div>
<div class="clear"></div>
</ul>
</div>
<input id="rr" type="button" value="彈幕開關(guān)">
<input id="dm" type="text">
<input id="st" type="submit" value="發(fā)送 >">
<div id="dw">點擊輸入彈幕(僅限25字以內(nèi))</div>
</div>
</div>
<???? ??="???/??????">
var thisColor,fontSize;
$(??(){
$('.fontSizeDiv a').on('??',function(){
FontSize = $(this).attr('data-size');
$('.fontSizeDiv a').removeClass('active');
$(this).addClass('??');
});
$('a.colorHint').on('??',function(){
$('.colorDiv').toggle();
});
$('.colorDivs a').on('??',function(){
thisColor = $(this).attr('data-color');
$('p.backColor').css({
'???':'#'+thisColor
});
$('p.colorText').text('#'+thisColor);
});
});
var ds = document.getElementById('ds');
var dm = document.getElementById('dm');
var rr = document.getElementById('rr');
var st = document.getElementById('st');
var dw = document.getElementById('dw');
?? ?? = 0;
var pmh = ds.offsetHeight;
var pmw = ds.offsetWidth;
?? ?()
{
var dd = document.createElement('div');
dd.setAttribute('class','ss');
dd.innerHTML = dm.value;
dm.value='';
ds.appendChild(dd);
dd.style.fontSize = ?? ??;
dd.style.color = '#'+thisColor;
dd.style.left = '900px';
dd.style.top = Math.floor(Math.random()*(pmh-30))+'px';
var l = pmw-dd.offsetWidth;
var tim = null;
tim = setInterval(??(){
? ? ? ???--;
? ? ? if( l <= (0-dd.offsetWidth) ){
? ? ? ClearInterval(tim);
? ? ? ds.removeChild(dd);
? ? ? }
? ? ? dd.style.left = l+'px';
},20)
}
rr.onclick=??()
{
??++;
if(??%2==0)
{
rr.style.Background = '#006600';
ds.style.display='??';
??=0;
}
?
{
rr.style.Background = '#dddddd';
ds.style.display='??';
}
};
st.onclick=??()
{
? if(dm.value!=''&&dm.value.length<=25)
{
?();
}
?
? {
? Alert('輸入不能超過25個字符!');
? }
};
document.onkeydown=??(??)
{
var ???=even||window.event;
if(event.keyCode==13)
{
if(dm.value!=''&&dm.value.length<=25)
{
?();
}
}
};
dm.onclick=??()
{
?dw.style.display='??';
? ? ? ? ?setInterval(obj,10);
};
?? obj()
{
if(dm.value!=''&&dm.value.length<=25)
{
st.style.Background='#ffa178';
}
?
{
st.style.Background='#00A2D6';
}
}
<div style="text-align:center;margin:50px 0; ??:normal 14px/24px 'MicroSoft YaHei';">
</div>
</??>
</html>
??? ??? ?? ?? ?? ?????. ??? ??? ?? ????? ? ????. ? ?? ?? ?? ??? PHP ??? ?????? ?? ? ????.
? ???? ?? ???? ???? ????? ?? ???? ????? ????????. ?????? ???? ?? ??????! ? ???? ?? ???? ?? ?????? ?????. ??? ???? ???? ??? ????. ??? ??? ?? ??? ?? ??? ???? ????! ??? ?? ?? ??? ???? ????? ????. ???: admin@php.cn
?? ??

04 Jun 2025
CSGO (Coun ?? ??? ??? ??? ?? ?? ???? ?? ????? ??? ? ??????. ?? ??? ?? ???? ?? ???? ?? ?? ????, ???? ??? ?? ??? ??? ??? ? ????. ? ??? CSGO ?? ?? ?????? ?? ???? ??? ??? ???? ??? ??? ???? ??? ? ??????.

29 Nov 2024
Douyin? ??? ??, ??? ?? ??, ?? ??, ?? ?? ? ?? ?? ??? ??? ???? ???? ???? ?? ??, ?? ? ??? ? ??? ?? ??? ?? AI ??? ?????. ??? ??, ??? ?? ? ?? ?? ??? ??? ??? ?? ???? ??????. ?? ??? ?? ???? ??? ?????.

01 Jan 2025
?? ??? ???? ?? ??? ?????? ?? ?? ?? ??? ???? ?? ??? ???...

13 Mar 2025
ASUS ?? ?? ??? ??? ?? : ?? ?? ?? ??? ??? ASUS? ?? ??? ? ???? ?? ?????? ?? ?? ???? ???? ?? ??? ????? ?? ??? ?? ??? ?????. ??? ? ??

05 Apr 2025
? ????? ?? ?? ???? ????? ??? ???? ??? ??? ?? ????? ?? ??? ????? ??? ???? ??? ?????? ? ?? ...

01 Mar 2025
? ??? ??? ??? ????? ?? 10 Cool JQuery ?? ?? ?? ????! ??? ?? jQuery Navigation ?? ????? ????? ?? 10 ?? ??? JQuery ?? ?? ????? ?????. ????! ?? ?? ? : -10 ??? jQuery Navigation MENUS -15 ??? jQuery Navigation MENUS ??? ??? ??? ???? ?????? ? ????? ????? ?? ?? ????? ??? ??? ?? ??? ?? ? ????. ?? ?? ?? 2. jQuery ??? ??-Submenu??? FX CSS ?? 100% CSS ??, jQuery? ???? ?? ??. JavaScript ? ???? ?? ??? ??????. ??? ????, ???? ??? ?????

05 Apr 2025
CSS ?? ?? ? ?? ?? ??? ??? CSS? ???? ?? ?? ??? ??? ??? ???? ?? ???? ?? ???? ??? ???? ??? ?? ?? ? ???? ...

23 Nov 2024
????? Go ??? ??????? ???, ?? ?? ?? ?? ??? ?? ?? ??? ???? ????? ??...

14 Jul 2025
Andrew Hammelbrowse? ?? ??? Rimworld? ???? Rimworld Odyssey DLC? ??? ??, ?? ?? ? ??? ? ??? ?? ??? ?? ??? ?????. ???? ??? ? ????. ???? ?? ???????.


??? ??

jQuery+Html5? ???? ?? ????? ?? ??
jQuery+Html5? ???? ?? ????? ??? ???? ????? ??? ??? ?????? ???? ? ?? ?????!

??? ??? ?? js ???? ??
??? ???? ??? ?? JS ?? ?? ?????. ??? ?? ??? ?? ?? ???? ?? ???? ??? ?? ????. PHP ?? ?????? ????? ?????.

??? js ?? ?? ??
??? ?? JS ?? ?? ??

Bunker? HTML5 ?? ????? ?? ??
Bunker? html5 ?? ????? ?? ?? ?? ??, ????? ?? ?? ???? ???? ??? ? ??? ??? ??? ??? ??? ? ?? ???? ?? ? ??? ?? ??? ?? ????. ? HTML5 ?? ??? ?? ??????.

jQuery ??? ????? ??? ????? ???
jQuery ??? ??? ??? ????? ??? HTML ?? ??. ??? ???? jquery? ???? ??? ???? ??? ??? ????? ?? ??? ????? ?????. ????? ??? ???? ?? ????? ??? ????? ???? ?? ??????. ???, ????? ?? ?? ???? ????? ?? ??? ??? ??? ?????! PHP ??? ??????? ????? ?????!
