欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

jQuery如何實現(xiàn)彈幕效果-創(chuàng)新互聯(lián)

這篇文章主要為大家展示了“jQuery如何實現(xiàn)彈幕效果”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學習一下“jQuery如何實現(xiàn)彈幕效果”這篇文章吧。

創(chuàng)新互聯(lián)專業(yè)提供成都主機托管四川主機托管成都服務(wù)器托管四川服務(wù)器托管,支持按月付款!我們的承諾:貴族品質(zhì)、平民價格,機房位于中國電信/網(wǎng)通/移動機房,西信服務(wù)器托管服務(wù)有保障!

效果如下:

jQuery如何實現(xiàn)彈幕效果

代碼如下:

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title></title>
 <style>
 *{
 margin:0;
 padding:0;
 }
 #wrap{
 width:800px;
 height:550px;
 background:#E9E8E8;
 margin:0 auto;
 position:relative;
 }
 #content{
 width:750px;
 height:400px;
 background:#fff;
 margin:0 auto;
 border-radius: 15px;
 position:relative;
 overflow:hidden;
 }
 input:nth-of-type(1){
 width:250px;
 height:30px;
 margin:20px 0 0 200px;  
 }
 input:nth-of-type(2){
 width:60px;
 height:33px;  
 }
 .p{
 height:30px;
 line-height:30px;
 position:absolute;
 top:0;
 left:770px;
 font-weight:900;
 font-size: 30px;
 }
 </style>
 </head>
 <body>
 <div id="wrap">
 <div id="content">
 </div>
 <input type="text" id="txt" placeholder="一起來吐槽吧~"/>
 <input type="button" value="發(fā)送" id="btn" />
 </div>
 <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
 <script>
 $(function(){
 $("#btn").click(function(){
  var $value=$("#txt").val();
  var $p=$("<p></p>");
  $p.addClass("p");
  $p.text($value);
  $("#txt").val("");//點擊過后設(shè)置文本框內(nèi)容為空
  var _top=Math.floor(Math.random()*($("#content").innerHeight()-30));
  var _fontsize=16+Math.floor(Math.random()*10);
  var _rgb="rgb(" + Math.floor(Math.random()*255)+"," + Math.floor(Math.random()*255)+"," + Math.floor(Math.random()*255)+")"; 
  $p.css({"top":_top,"font-size":_fontsize,"color":_rgb});
  $("#content").append($p);
  var _timer=Math.ceil(Math.random()*4000)+3000;
  $p.stop().animate({"left":"-500px"},_timer,function(){
  $(this).remove();
  }); 
 });
 })
 </script>
 </body>
</html>

以上是“jQuery如何實現(xiàn)彈幕效果”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學習更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司行業(yè)資訊頻道!

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.aaarwkj.com,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

當前名稱:jQuery如何實現(xiàn)彈幕效果-創(chuàng)新互聯(lián)
當前地址:http://www.aaarwkj.com/article6/ggdig.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、做網(wǎng)站、網(wǎng)站排名、網(wǎng)站建設(shè)小程序開發(fā)、建站公司

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都做網(wǎng)站
av成熟一区二区三区| 亚洲人午夜射精精品日韩| 国产精品一级片免费看| 精品人妻日韩中文字幕| 亚洲各类熟女们中文字幕| 日本久久91跳蛋视频| 片子免费毛片日韩不卡一区| 国产成人综合亚洲一区| 国产精品欧美色区福利在线| 久久亚洲精品国产精品黑人| 日本不卡二区高清三区| 国产高清不卡av在线| 午夜在线免费观看小视频| 未满十八禁止下载软件| 亚洲无综合素人在线观看| 欧美一区日韩二区国产三区| 国产经典三级在线观看| 亚洲成av在线免费不卡| 国产中文字幕有码视频| 欧美日韩国产看片一区二区| 中文字幕人妻系列东京热| 欧美黄片完整版在线观看| 亚洲成人黄色片在线观看| 天天干天天干夜夜操| av免费观看日韩永久| 久视频这里只有精品99| 亚洲精品成人综合色在线| 日韩精品福利片午夜免费| 亚洲黄色av网站在线| 久久精品国产亚洲av麻豆网站 | 日本韩国精品视频在线| 国产久精品热看久品热久热| 亚洲精品一区二区午夜| 国产三级在线观看视频| 中文字幕日本专区人妻| 国产日韩精品综合一区| 中文字幕二区三区人妻| 亚洲不卡在线视频免费| 人妖一区二区三区在线观看 | 国产日韩精品激情另类综合| 持续侵犯人妻中文字幕|