jQuery实现评论弹幕、弹幕漂浮、滚动代码.pdfVIP

jQuery实实现现评评论论弹弹幕幕、、弹弹幕幕漂漂浮浮、、滚滚动动代代码码

1、html代码和jquery代码:

!DOCTYPEhtml

html

headlang=en

metacharset=TF-8

titledocument/title

metahttp-equiv=Content-Typecontent=text/html;charset=utf-8/

metaname=viewportcontent=width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,minimun-scale=1.0,user-scalable=no;

metaname=apple-mobile-web-app-capablecontent=yes

metaname=apple-mobile-web-app-status-bar-stylecontent=black

metaname=format-detectioncontent=telephone=no

scripttype=text/javascriptsrc=js/auto_rem.js/script

linkrel=stylesheethref=css/style.css/

/head

body

headerclass=fixedtop-nav

aclass=back/a

spanclass=title公屏/span

aclass=home/a

/header

divclass=gp-body

divclass=main-box

ulclass=all-list

/ul

/div

divclass=fixedsend-msflex

divclass=ipts_txtflex1contenteditable=true/div

spanclass=btns_btn发送/span

/div

/div

/body

scriptsrc=http://libs./jquery/2.1.4/jquery.min.js/script

scripttype=text/javascript

$(function(){

//发表评论

$.getJSON(./js/test.json,function(result){

actFn($(.all-list),result)

})

functionactFn(tar,data){

vardata=data;

startTranslate();

appendNewItem();

functionstartTranslate(){

varkey=0;

varleng=data.length;

vartime=setInterval(function(){

if(key=leng){

clearInterval(time);

return;

};

var_html=itemHtml(data[key].img_src,data[key].grade,data[key].words)

key++;

tar.append(_html);

translateFn();

},400);

}

functionappendNewItem(){