日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区

您的位置:首頁技術文章
文章詳情頁

原生js實現彈幕效果

瀏覽:203日期:2024-04-11 14:10:13

本文實例為大家分享了js實現彈幕效果的具體代碼,供大家參考,具體內容如下

效果展示:

原生js實現彈幕效果

源碼展示:

<!doctype html><html><head> <meta charset='utf-8'> <title>原生js實現彈幕效果</title> <style> * { padding:0; margin:0; } .all { width:600px; height:400px; background:#000000; } /*.danmu {*/ /*width:600px;*/ /*height:500px;*/ /*background:#000000;*/ /*overflow:hidden;*/ /*z-index:50;*/ /*}*/ </style></head><body><div class='all'> </div><input type='text' value='這是一個彈幕。。。'><button>發送</button> <script> var all = document.querySelector(’.all’); var danmu = document.querySelector(’.danmu’); var buttons = document.querySelector(’button’); var texts = document.querySelector(’.texts’); console.log(texts.value); buttons.onclick = function() { var p = document.createElement(’p’); p.style.position = ’absolute’; p.innerHTML = texts.value; p.style.left = 600 + ’px’; p.style.color = ’white’; p.style.zIndex = 100; p.style.top = Math.random() * 490 + ’px’; all.appendChild(p); var x = setInterval(function() { p.style.left = parseInt(p.style.left) - 10 + ’px’; if ((parseInt(p.style.left) + 600) <= 0) {all.removeChild(p);clearInterval(x); } }, 100) }</script><pre style='color:red'> 感: 最近貢獻一下我在教學中的小案例 希望能給你一些幫助 ,希望大家繼續關注我的博客 --王</pre></body></html>

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: JavaScript
相關文章:
日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区
国产成人久久精品麻豆二区 | 日韩av免费| 精品亚洲美女网站| 久久婷婷激情| 久久国内精品自在自线400部| 国产伊人久久| а√天堂8资源中文在线| 在线看片日韩| 精品日本视频| 亚洲精品成人一区| 成人亚洲精品| 国产91一区| 久久成人福利| 欧美在线亚洲| 国产日韩亚洲欧美精品| 欧美国产日韩电影| 中文字幕在线视频网站| 久久精品国产大片免费观看| 蜜臀av性久久久久蜜臀aⅴ流畅| 久久精品一本| 香蕉久久99| 日韩高清成人在线| 91亚洲国产成人久久精品| 精品国产不卡| 国产精品久久久久久久久久10秀 | 四季av一区二区凹凸精品| 亚洲综合专区| 日韩精品三级| 蜜桃久久av一区| 久久不卡国产精品一区二区| 激情五月综合| 欧美va天堂| 日本国产一区| 激情综合亚洲| 国产精品chinese| 美女少妇全过程你懂的久久| 国产三级精品三级在线观看国产| 久久精品91| 久久国际精品| 激情91久久| 岛国精品一区| 麻豆9191精品国产| 国产综合亚洲精品一区二| 国产日韩一区二区三区在线| 不卡在线一区二区| 你懂的亚洲视频| 日韩专区欧美专区| 极品av在线| 国产精品乱战久久久| 西西人体一区二区| 成人看片网站| 牛牛精品成人免费视频| 免费在线看一区| 在线精品亚洲欧美日韩国产| 成人精品国产亚洲| 一本综合精品| av在线日韩| 精品视频在线一区二区在线| 亚洲免费毛片| 免费观看久久av| 国产一二在线播放| 国产精品亚洲综合在线观看| 国产欧美大片| 亚洲高清av| 国产乱子精品一区二区在线观看 | 亚洲制服欧美另类| 欧美色图国产精品| 国产成人精品一区二区免费看京| 日韩和欧美一区二区三区| 女人天堂亚洲aⅴ在线观看| 成人欧美一区二区三区的电影| 亚洲五月婷婷| japanese国产精品| 精品国产欧美| 日韩av不卡在线观看| 久久久成人网| 欧美a一区二区| 午夜久久av| 欧美不卡在线| 中文字幕成在线观看| 国产精品一区二区三区av麻| 国产模特精品视频久久久久| 激情综合自拍| 久久国产乱子精品免费女| 91精品成人| 国产中文欧美日韩在线| 偷拍亚洲精品| 午夜久久美女| 亚洲国产成人二区| 日本欧美一区二区| 亚洲欧美日韩精品一区二区| 欧美日韩精品免费观看视欧美高清免费大片 | 精品国产一区二区三区2021| 日韩一二三区在线观看| 国产精品99免费看| 三级精品视频| 9999国产精品| 国产一区二区三区黄网站 | 精品视频一区二区三区在线观看| 亚洲aa在线| 爽爽淫人综合网网站| 久久伦理在线| 91欧美日韩| 老鸭窝一区二区久久精品| 日韩高清不卡一区二区| 欧美天堂在线| 国产日产一区| 另类小说一区二区三区| 精品欠久久久中文字幕加勒比| 欧美激情麻豆| 美女av在线免费看| 久久要要av| 久久成人精品| 亚洲精品字幕| 国产精品亲子伦av一区二区三区 | 都市激情国产精品| 日韩激情一区| 在线视频精品| 日韩三级一区| 精品国产午夜肉伦伦影院| 香蕉视频亚洲一级| 欧美 日韩 国产一区二区在线视频 | 国产激情综合| 水蜜桃久久夜色精品一区| 欧洲av一区二区| av成人国产| 日韩福利视频网| 久久精品国产亚洲一区二区三区| 亚洲天堂资源| 亚洲精品va| 日韩一区精品| 成人高清一区| 亚洲欧美日韩国产一区| 日韩高清电影免费| 精品亚洲成人| 99pao成人国产永久免费视频 | 久久精品一区二区三区中文字幕| 91亚洲国产| 伊人久久大香线蕉av超碰演员| 蜜桃91丨九色丨蝌蚪91桃色| 国产精品亚洲综合色区韩国| 欧美日韩免费观看视频| 最新国产拍偷乱拍精品| 亚洲免费专区| 欧美韩日一区| 免费美女久久99| 国产精品亚洲二区| 欧美日韩中文一区二区| 日本在线成人| 91精品xxx在线观看| 中文字幕av亚洲精品一部二部 | a日韩av网址| 丝袜美腿高跟呻吟高潮一区| 国产精品激情| 亚洲精品网址| 国产精品nxnn| 亚洲欧美日韩专区| 成人午夜毛片| 亚洲日本三级| 亚洲天堂免费电影| 亚洲精品大全| 中文字幕在线视频网站| 香蕉久久一区| 久久中文字幕av| 国产麻豆一区二区三区| 亚洲成人日韩| 久久亚洲资源中文字| 久久午夜影视| 欧美国产美女| 亚州av日韩av| 九九精品调教| 国产精品对白| 亚洲尤物在线| 国产精品国产一区| 日韩av电影一区| 欧美99久久| 丰满少妇一区| 日本色综合中文字幕| 精品一区免费| 国内一区二区三区| 日韩av不卡在线观看| 午夜欧美精品| 国产欧美一区二区三区精品酒店| 欧美亚洲福利| 先锋亚洲精品| 99久久亚洲精品| 国产一区二区精品久| 日韩av不卡一区二区| 国产精品视区| 久久蜜桃精品| 麻豆国产精品视频| 亚洲我射av| 欧美不卡在线| 黄色在线网站噜噜噜| 国产精品大片| 日韩国产欧美视频| 免费黄网站欧美| 亚洲激情久久| 午夜久久中文| 精品久久一区|