一、代码
html+js
<! Doctype html> <html> <adept> <meta charset = "utf-8"> <itement> 数发直播平台 </itement> <tautan rel = "stylesheet" type = "text/css" href = "css/common.css"> <link rel = "stylesheet" type = "css/csss" hr "crics =" crip "css =" csss "css" css "css" css "hr" src = "http://static9.pplive.cn/vip/201507/pay/v_20150721174241/js/jquery.min.js"> </skrip> </head> <body id = "body"> <v> <Div> <Div> <a href = "javas =" Data-target = "LiveProgram"> </a> <a href = "javascript :;" Data-target = "Barrage"> <i> </i> </a> </div> <div> <!-弹幕-> <div> <div> <viv> <ul> <li> <span data-name = "sysmsg"> <span </span> <span> 欢迎进入宁夏卫视! </span> </li> <li> Data-name = "liiuxiaobao"> Starof <i> </i> ： </span> <span> 评论 1 </span> </li> <li> <span-name = "liiuxiaobao"> Starof <i> </i> ： </span> <span> 我的评论很长很长很长很长很长很长很长很长很长很长很长很长很长 </span> </Li> </Li> </span> <span> 我的评论很长很长很长很长很长很长很长很长很长很长很长很长很长 </span> </Li> </Li> <Li> <in rentang Data-name = "liiuxiaobao"> Starof <i> </i> ： </span> <span> 评论 1 </span> </li> <li> <span-name = "liiuxiaobao"> Starof <i> </i> ： </span> <span> 我的评论很长很长很长很长很长很长很长很长很长很长很长很长很长 </span> </Li> </Li> </span> <span> 我的评论很长很长很长很长很长很长很长很长很长很长很长很长很长 </span> </Li> </Li> <Li> <in rentang Data-name = "liiuxiaobao"> Starof <i> </i> ： </span> <span> 评论 1 </span> </li> <li> <span-name = "liiuxiaobao"> Starof <i> </i> ： </span> <span> 我的评论很长很长很长很长很长很长很长很长很长很长很长很长很长 </span> </Li> </Li> </span> <span> 我的评论很长很长很长很长很长很长很长很长很长很长很长很长很长 </span> </Li> </Li> <Li> <in rentang Data-name = "liiuxiaobao"> Starof <i> </i> ： </span> <span> 评论 1 </span> </li> <li> <span-name = "liiuxiaobao"> Starof <i> </i> ： </span> <span> 我的评论很长很长很长很长很长很长很长很长很长很长很长很长很长 </span> </Li> </Li> </span> <span> 我的评论很长很长很长很长很长很长很长很长很长很长很长很长很长 </span> </Li> </Li> <Li> <in rentang Data-name = "liiuxiaobao"> Starof <i> </i> ： </span> <span> 评论 1 </span> </li> <li> <span-name = "liiuxiaobao"> Starof <i> </i> ： </span> <span> 我的评论很长很长很长很长很长很长很长很长很长很长很长很长很长 </span> </Li> </Li> </span> <span> 我的评论很长很长很长很长很长很长很长很长很长很长很长很长很长 </span> </Li> </Li> <Li> <in rentang Data-name = "liiuxiaobao"> Starof <i> </i> ： </span> <span> 评论 1 </span> </li> <li> <span-name = "liiuxiaobao"> Starof <i> </i> ： </span> <span> 我的评论很长很长很长很长很长很长很长很长很长很长很长很长很长 </span> </Li> </Li> </span> <span> 我的评论很长很长很长很长很长很长很长很长很长很长很长很长很长 </span> </Li> </Li> <Li> <in rentang Data-name = "liiuxiaobao"> Starof <i> </i> ： </span> <span> 评论 1 </span> </li> <li> <span-name = "liiuxiaobao"> Starof <i> </i> ： </span> <span> 我的评论很长很长很长很长很长很长很长很长很长很长很长很长很长 </span> </Li> </Li> </span> <span> 我的评论很长很长很长很长很长很长很长很长很长很长很长很长很长 </span> </Li> </Li> <Li> <in rentang Data-name = "liiuxiaobao"> Starof <i> </i> ： </span> <span> 评论 1 </span> </li> <li> <span-name = "liiuxiaobao"> Starof <i> </i> ： </span> <span> 我的评论很长很长很长很长很长很长很长很长很长很长很长很长很长 </span> </Li> </Li> </span> <span> 我的评论很长很长很长很长很长很长很长很长很长很长很长很长很长 </span> </Li> </Li> <Li> <in rentang Data-name = "liiuxiaobao"> Starof <i> </i> ： </span> <span> 评论 1 </span> </li> <li> <span-name = "liiuxiaobao"> Starof <i> </i> ： </span> <span> 我的评论很长很长很长很长很长很长很长很长很长很长很长很长很长 </span> </Li> </Li> </span> <span> 我的评论很长很长很长很长很长很长很长很长很长很长很长很长很长 </span> </Li> </Li> <Li> <in rentang Data-name = "liiuxiaobao"> Starof <i> </i> ： </span> <span> 评论 1 </span> </li> <li> <span-name = "liiuxiaobao"> Starof <i> </i> ： </span> <span> 我的评论很长很长很长很长很长很长很长很长很长很长很长很长很长 </span> </Li> </Li> </span> <span> 我的评论很长很长很长很长很长很长很长很长很长很长很长很长很长 </span> </Li> </Li> <Li> <in rentang Data-name = "liiuxiaobao"> Starof <i> </i> ： </span> <span> 评论 1 </span> </li> <li> <span-name = "liiuxiaobao"> Starof <i> </i> ： </span> <span> 我的评论很长很长很长很长很长很长很长很长很长很长很长很长很长 </span> </Li> </Li> </span> <span> 我的评论很长很长很长很长很长很长很长很长很长很长很长很长很长 </span> </Li> </Li> <Li> <in rentang Data-name = "_ 11367384@qq"> _ 11367384@qq <i> </i> ： </span> <span> fasf </span> </li> </ul> </div> </div> <v ID = "Form-Wrap"> <Div> </Div> </Div> <Div ID = "Form-Wrap"> <Div> </Div> "" "" "2" 2 placeholder = "请在这里输入评论" style = "display: none;"> </textarea> <p style = "display: none;"> 0/30 </p> <div style = "display: none;"> </div> <div style = "display: block;"> <p style = "display: none;"> <a href = "javascript: void (0); data-tipe = "login"> 登录 </a> 或 <a href = "javascript: void (0);" data-type = "reg"> 注册 </a> 后可以发送弹幕 </p> <p> <a href = "http://passport.pptv.com/checkphone.aspx" target = "_ blank"> 绑定手机 </a> 即可发送弹幕哦 </p> <p style = "Display: none"> <em> 5 </em> 秒后可再次评论 </p> <p style = "no tidak ada"> <em> </em> </秒后可再次评论 </p> href = "JavaScript: void (0);"> 发送 </a> <a href = "javascript: void (0);"> </a> <Div> <ul> <li> <span> 弹幕显示设置 </span> <div style = "Posisi: relatif;"> <span> </span> <span style = "posisi: Absolute; "> </span> </div> <span> 50%</span> </li> <li> <span> 我的弹幕设置 </span> <van> <span> 颜色 </span> <span> #ffffff </span> <span style =" latar belakang: #ffffff "> </span> </div> <Div> <span href =" javascript "> </span> </div> <Div> <a href =" javascript "> </span> </div> <Div> <a href =" javascript "> Data-color = "ff0000" style = "latar belakang:#ff0000;"> </a> <a href = "javascript :;" Data-color = "3399ff" style = "latar belakang:#3399ff;"> </a> <a href = "javascript :;" Data-color = "00fcff" style = "latar belakang:#00fcff;"> </a> <a href = "javascript :;" Data-color = "ff9900" style = "latar belakang:#ff9900;"> </a> <a href = "javascript :;" Data-color = "00ff12" style = "latar belakang:#00ff12;"> </a> <a href = "javascript :;" data-color = "fff100" style = "latar belakang:#fff100;"> </a> <a href = "javascript :;" Data-color = "c8b33c" style = "latar belakang:#c8b33c;"> </a> <a href = "javascript :;" Data-color = "ff0096" style = "latar belakang:#ff0096;"> </a> <a href = "javascript :;" Data-color = "8600ff" style = "latar belakang:#8600ff;"> </a> <a href = "javascript :;" Data-color = "3399ff" style = "latar belakang:#3399ff;"> </a> </div> </li> </ul> </div> </div> <!-绑定手机提示-> <div style = "display: none;"> <a href = "JavaScript: void (0);"> </a> <div> <h4> 提示 </h4> <ul> <li> 绑定完成前请不要关闭此窗口。 </li> </ul> <p> <a href = "javascript: void (0);"> 已绑定手机 </a> <a href = "http://bbs.pptv.com/forum.php?mod=viewThread&tid=31660" target = "_ blank"> 绑定遇到问题 </a> </p> </div> </div> </div> </div> </div> </div> </div> </Div> </Div> </Div> </Div> </Div> </div> </Div> </Div> </Div> FUNGSI; barwidth) {// var $ box = $ ('. dragbar'); var $ bg = $ ('. dragbar'); var $ bgcolor = $ ('. Kemajuan'); var $ btn = $ ('. Ikon'); var $ text = $ ('. Persen'); var statu = var ox = 0; 0; $ btn.mousedown (function (e) {lx = $ btn.offset (). Kiri; // 距离浏览器左边的距离 ox = e.pagex - left; statu = true;}); $ (dokumen) .mouseUp (function () {statu = false;}); $ bg.mouseMove (function (e) {ife) {eF) {eF) {eF (e) {statu) {statu); = 0;}if (left > barwidth) {left = barwidth;}$btn.css('left', left);$bgcolor.width(left);$text.html(parseInt(left / barwidth*100) + '%');}});$bg.click(function(e) {if (!statu) {bgleft = $ bg.Offset (). Kiri; kiri = e.pagex - bgleft; if (kiri <0) {left = 0;} if (left> barwidth) {left = barwidth;} $ btn.css ('kiri', kiri); $ bgcolor.stop (). animate ({width: left {} (} (} (} (} ({{{{wid {{{{{{{wids). Barwidth*100) + '%');}});} // 发表评论 $ (". Komentar-area tekstara"). Fokus (fungsi () {$ ("#form-wrap"). AddClass ("focus");}); $ ('. Komentar-Area Textarea'). Bind ('Fungsi', fungsi propertyChange ', function', functionChange '). Bind (' function '). .num '). html ($ ('. Komentar-area textarea '). Val (). Panjang+"/30"); $ (". Komentar-area TexTarea"). Blur (function () {if ($ ('. Komentar-area textarea '). val (). length == 0) {$ ("#form-wrap"). RemoveClass ("focus");}}); $ (". evt) {$ (". setForm"). toggle (); evt.stoppropagation? evt.stoppropagation (): evt.cancelbubble = true;}); $ (". tabcon "). klik (function () {if ($ (". setForm "). is (": visible ")) {$ (". setForm "). hide ();}}); $ (". setForm "). C. lick (function (evt) {evt.stoppropagation? evt.stoppropagation (): evt.cancelbubble = true;}); $ (". TakeColor A "). Klik (function () {$ (". RGB-set .rgb "). html ("#"+$ (ini) .attr (" data-warna "); $ ("CSS
Common.CSS
article,aside,audio,blockquote,body,button,code,dd,dialog,div,dl,dt,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,legend,li,mark,menu,nav,ol,p,pre,section,table,tbody,td,textarea,tfo OT, th, thead, time, ul, video {margin: 0; padding: 0; outline: 0; latar belakang: transparan} artikel, samping, dialog, gambar, footer, header, hgroup, nav, bagian {display: block} tubuh, tombol, input, pilih, textarea {font: 12px/1.5 Arial,/5b8b/4f53, tombol sans-serif}, h1, h2, h3, h4, h5, h6, input, pilih, textarea {font-size: 100%} alamat, cite, dfn, em, var {font-style: normal} kode, Kbd, pra, sampel, sampel {font-font: normal Baru, kurir, monospace} kecil {font-size: 12px} li, ol, ul {List-style: none} img {border: none} a {text-decoration: none; outline: tipis tidak ada; kursor: pointer} a: hover {text-decoration: underline} tabel {border-collapse: collapse; spasi batas: 0} .clear {clear: keduanya} .cf: setelah {visibilitas: tersembunyi; diselidiki: blok; font-ukuran: 0; konten: " "; CLEAR: keduanya; tinggi: 0} .fr {float: right} .fl {float: left} html {-webkit-text-size-adjust: none} body {font: 12px/1.5 /5fae/8f6f/96c5/9Ed1,tahoma.arial ,/5b8b/4f53,sans-serif}.tc {text-align:center}.tl{text-align:left}.trh.text-align:right}style.css
.lv-wrapper {width: 990px; margin: 0 auto; clear: keduanya;}/*交互区域*/. LV-interact {width: 310px; float: left; position: relatif;}/*列表和评论按钮*/. LV-right-intact-menu {width: 100%;} A {float: left; lebar: 155px; tinggi: 40px; latar belakang: #000 url (../ gambar/videoicos.png); border-bottom: 2px solid #313132;}. LV-interact-menu. Sekarang. a:hover{border-color:#c22;background-color:#232324;}.lv-right-interact-menu .show{background-position:0px -44px;}.lv-right-interact-menu .show.now,.lv-right-interact-menu .show:hover{background-position:0px 0px;}. LV-Right-Interact-menu .Barrage {Latar belakang-posisi: 156px -44px;}. LV-Right-Interact-menu .barrage.now, .lv-right-interact-menu .barrage: hover {background-position: 156px 0px;}. .tabcon {height: 800px; latar belakang-warna:#232323;}/*评论区域*//*评论列表*/. Barrage .chat-wrap {Posisi: relatif; tinggi: 630px; overflow-x: hidden; padding: 15px 5px 0 15px;}. Barrage .Chat. CHRAGE. {height: 630px; overflow-x: tersembunyi;}. Barrage .chat li {margin: 0 0 5px; warna: #555;}. Barrage .chat Li span {color: #3271b7; display: inline;} Barrage .chat Li span.txt {li li. span.vipcolor {color: #c22;}. Barrage .chat li .vip {display: inline-block; lebar: 20px; tinggi: 8px; margin: 0 0 0 5px; vertikal-align: 1px; latar belakang: ../ gambar/videoicos.png) no-repeat -2 .Comments-Area {Posisi: Absolute; Bawah: 0px; kiri: 0; Lebar: 270px; Padding: 20px; Border-Top: 1px Solid #222; Latar Belakang: #191919;}. Komentar-Area .FormText {Posisi: Relatif; Padding: 10px; Border: 1Px #C9 C9; Posisi: Relatif; Padding: 10px; Border: 1PX # } .Comments-Area .FormText TextArea {Lebar: 100%; Tinggi: 30px; Ubah: Tidak Ada; overflow-y: tersembunyi; latar belakang-warna:#c9c9; warna:#666; perbatasan: 0 tidak ada;}. Komentar-area .formText .num. .btn-submit {float: right; display: inline; width: 42px; tinggi: 24px; line-height: 24px; margin: 10px 0 0; text-align: center; color: #fff; latar belakang: #999;} komentar-areA. inline; lebar: 18px; tinggi: 18px; margin: 12px 0 0; latar belakang: url (../ gambar/videoicos.png) no-repeat -206px -86px;}/*聚焦时评论状态*/. Colora. Focus. Fokus. TextAreaFFormText {Background-color: #fff;}. Komentar-Area .focus .btn-submit {latar belakang-warna: #c22;}/*弹幕颜色*/. Komentar-Area .Setform {Posisi: Absolute; Z-index: 99; Color: #999; Latar Belakang: #25255; Bording: Z-index: 99; Color: #999; latar belakang: #25255; 12px 22px 18px 18px; atas: -70px; kiri: 10px; -webkit-pengguna-memilih: tidak ada; moz-user-select: -moz-non; -moz-pengguna-select: tidak ada; -oSer-memilih: tidak ada; -khtml-user-select: noels-noings: -Ku-user-select: no; -khtml-user-select: no noing: -User-user-select: none; -khtml-user-select: noings-mms-mms-mms-mms-mms-mms-mmser-no;-no; None; Display: None;}. Komentar-Area .dm-Config {margin: 18px 0 0 0; Display: block} .Comments-Area .dm-config li {tinggi: 90px} .Comments-Area .dm-setname {font-size: 14px; color: #deded; font-weight {font-size: 14px; color: #dedede; font-weight {font-size: 14px; color: #dedede; font-weight {font-size: 14px; color: #dedede; font-weight {font-size: 14px; color: #dedede; font blok} .Comments-Area .rgb-set {Height: 22px} .Comments-Area .rgb-set span {float: left; display: inline; warna: #999;}. Komentar-area .rgb {lebar: 50px; tinggi: 18px; border: 1px solid #d3d3d: width: 50px; tinggi: 18px; border: 1px solid #d3d3ds; well: 50px; ketinggian: 18px; border: 1px solid #d3d3d3d3; #424242; Padding: 0 0 0 5px} .Comments-Area .color {lebar: 20px; tinggi: 20px; Border: 1px solid #d3d3d3; margin: -1px 0 2px} .comments-areA. a {display: block;width: 16px;height: 16px;float: left}.comments-area .dmopacity {float: right;border-left: 1px solid #d3d3d3;padding-left: 22px}.comments-area .dragbar {width: 85px;height: 10px;background: #d3d3d3;position: relative;margin-bottom: 10px; kursor: default} .comments-area .dragbar .progress {lebar: 50%; posisi: absolute; tinggi: 10px; atas: 0; kiri: 0; latar belakang: #39f} .comments-Area .dragbar .icon {width: 4px; ketinggian: 16px; posisi; #007cf7} .Comments-Area .percent {width: 85px; text-align: center; display: block; color: #39f}/*登录注册后发弹幕*/. Komentar-Area .FormText. Tips {Color: #666; Padding: 11px 0; Text-Align: Center; {COLORS-AREAA. #39f;}. Komentar-Area .FORMTEXT .Wait em {color: #c22;}/*绑定手机提示框*/. Komentar-Area .pop-phone {Posisi: absolute; kiri: 30px; bawah: 180px; latar belakang: 250px; tinggi: 140px; box-shadow: -2px; #4d4d4d; z-index: 99;}. Pop-Phone .Close {Posisi: Absolute; Top: 5px; kanan: 5px; Lebar: 28px; Tinggi: 28px; latar belakang: URL (../ gambar/videoicos.png) no-repeat -233px -154px; overflow: no-repeat -233px -154px; overflow: no-repeat -23px -154px; overflow: no-repeat -23px -154px; .close: hover {latar belakang-posisi: -205px -154px;}. Pop-phone .bd {margin: 10px 0 0 10px; padding: 0 0 20px; latar belakang: #4d4d URL (../ gambar/videoicos.png) no-repeat -25px -102px; popx. 14px; font-weight: normal; warna: #fff;}. Pop-Phone .Bd ul {margin: 15px 0 0;}. Pop-Phone .Bd Li {line-height: 22px; warna: #fff;}. POP-PHONE .BD PA {float: LIFT; DISPLAY: Tampilan: inline-block; width: 84p 0; line-height: 26px; text-align: center; warna: #fff; border-radius: 2px; latar belakang: #888;}. POP-Phone .bd PA: Hover {Text-Decoration: None;}. Pop-Phone .BD P.二、实现
1 、效果 ： 点击 “设置” 的图标打开设置内容框 ， ，
1.1 、点击 “设置” 的图标打开设置内容框 ， ，
第一步 ： 重复点击 “设置” 图标 ， ，
$ (". BTN-SET"). Klik (fungsi (EVT) {$ (". SetForm"). Toggle (); // evt.StopPropagation? EVT.StopPropagation (): EVT.CancelBubble = true;});第二步 ， 点击其他区域 ， 隐藏内容框。
$ (". TabCon"). Klik (function () {if ($ (". SetForm"). adalah (": visible")) {$ (". SetForm"). Hide ();}});此时会有问题 ， 点击 “设置图标” 时显示不出来内容框。因为事件会冒泡 ， 点击 .btn-set 后首先显示内容框 ， 然后事件会冒泡到 .tabcon 的父元素 ， ，
$ (". BTN-SET"). Klik (fungsi (EVT) {$ (". SetForm"). Toggle (); evt.StopPropagation? EVT.StopPropagation (): evt.cancelbubble = true;});第三步 ， 点击内容区 ， 正常显示。
2 、设置内容框样式
2.1 实现 html 如下
<div><ul><li><span>弹幕显示设置</span><div style="position: relative;"><span></span><span style="position: absolute;"></span></div><span>50%</span></li><li><span>我的弹幕设置</span><div><span>颜色</span><span>#ffffff</span><span style = "background: #ffffff"> </span> </div> <div> <a href = "javascript :;" Data-color = "ff0000" style = "latar belakang:#ff0000;"> </a> <a href = "javascript :;" Data-color = "3399ff" style = "latar belakang:#3399ff;"> </a> <a href = "javascript :;" Data-color = "00fcff" style = "latar belakang:#00fcff;"> </a> <a href = "javascript :;" Data-color = "ff9900" style = "latar belakang:#ff9900;"> </a> <a href = "javascript :;" Data-color = "00ff12" style = "latar belakang:#00ff12;"> </a> <a href = "javascript :;" data-color = "fff100" style = "latar belakang:#fff100;"> </a> <a href = "javascript :;" Data-color = "c8b33c" style = "latar belakang:#c8b33c;"> </a> <a href = "javascript :;" Data-color = "ff0096" style = "latar belakang:#ff0096;"> </a> <a href = "javascript :;" Data-color = "8600ff" style = "latar belakang:#8600ff;"> </a> <a href = "javascript :;" Data-color = "3399ff" style = "latar belakang:#3399ff;"> </a> </div> </li> </ul> </div>
2.2 实现 CSS 如下
/*弹幕颜色*/. SetForm {Z-index: 99; Color: #999; latar belakang: #252525; Border: 1px Solid #424242; Lebar: 240px; Padding: 12px 22px 18px 18px;}. DM-CONFIG {margin: 18px 0 0 0; 90px} .dm-setname {font-size: 14px; warna: #dedede; font-weight: bold; margin-bottom: 20px; display: block} .rgb-set {tinggi: 22px} .rgb-set span {float: left; display: inline; color:#999999999999999999999 1px solid #d3d3d3; line-height: 18px; margin-left: 5px; warna: #424242; padding: 0 0 0 0 5px} .color {width: 20px; tinggi: 20px; Border: 1px solid #d3d3; margin: -1px 0 0 0 0 0 2px. 5px 0 0 30px} .takecolor a {display: block; lebar: 16px; tinggi: 16px; float: kiri} .dmopacity {float: kanan; border-left: 1px solid #d3d3d3; padding-left: 22px} .dragbar {wide: 85px; latar belakang: 22px} .dragbar {wide: 85px; latar belakang: 22px}. relatif; margin -bottom: 10px; kursor: default} .dragbar .progress {lebar: 50%; posisi: absolute; tinggi: 10px; atas: 0; kiri: 0; latar belakang: #39f} .dragbar .icon {width: 4px; latar belakang: 16px; Posisi: Top: TOP::: 5PX; latar belakang: 16px; Posisi: Top: TOP::: 5PX; latar belakang: 16px; Posisi: Top: TOP:::: 5PX; latar belakang: 16px; Posisi: TOP: TOP: 5PX; LATAR BELAKANG: TOP: ACCLITET: TOP: ACCLITET: TOP: ACCRIGT: TOP: 4PX; LATAR: 16PX; POSISI; #007cf7} .percent {width: 85px; text-align: center; display: block; color: #39f}3 、进度条百分比实现
<script> dragbar (85); fungsi dragbar (barwidth) {// var $ box = $ ('. dragbar'); var $ bg = $ ('. 0; var bgleft = 0; $ btn.mousedown (function (e) {lx = $ btn.offset (). Left; // 距离浏览器左边的距离 ox = e.pagex - left; statu = true;}); $ (dokumen) .MouseUp (function () {statu = false;}); $ bg.mouseMoum (function () {statu = false;}); $ bg.mousemove (function () {statu = false;}); $ bg.mousemove (function () {statu) {statu); (kiri <0) {kiri = 0;} if (kiri> barwidth) {left = barwidth;} $ btn.css ('kiri', kiri); $ bgcolor.width (kiri); $ text.html (parseInt (kiri / barwidth*100) + '%');}} {}}} {ife) (function o); {bgleft = $ bg.offset (). kiri; kiri = e.pagex - bgleft; if (kiri <0) {kiri = 0;} if (kiri> barwidth) {left = barwidth;} $ btn.css ('kiri', kiri); $ bgcolor.stop (). {{{{{{{{{); barwidth); $ text.html (parseInt (kiri / barwidth*100) + '%');}});} < / skrip>以上所述是小编给大家介绍的 JavaScript 直播评论发弹幕切图功能点集合效果代码的相关知识 ， 希望对大家有所帮助 ， 如果大家有疑问欢迎给我留言 ， 小编会及时回复大家的！