网页弹幕效果想必大家都不陌生,这个有的人喜欢,有的人不喜欢,但是作为技术前端人员,这些技术您的了解一点:下面我给大家看个效果图:
要实现这个功能,首先我们要写个DIV,然后里面加个P元素,里面插入图片;然后就是用jQuery技术写个评论数据数组,循环读取,让每一个滚动显示;具体显示位置需要您写随机数(距离顶端);下面我贴点相关部分代码供参考:
JS数据数组,包含用户ID,头像,评论内容等;
重要的就是循环读取,赋值给HTML网页div中,大家参考学习一下!
有的同学会问,数据库内容怎么写入JS数组中,这个可以使用Ajax技术,读取JSON数据,一样的!