隨機輸出數(shù)據(jù)實現(xiàn)彈幕效果。
時間：2020-12-14 訪問量：0
有朋友看中了別人網站的彈幕效果，但是想拔那個效果，我看了一下太過于復雜。百度上找了一下素材，發(fā)現(xiàn)下面這個特別簡單。先引入JQ，然后在網頁底部加入以下代碼就可以實現(xiàn)了。
其中的
{pboot:list scode=8 num=10}
<div><span>[list:title lencn=10]</span></div>
{/pboot:list}是調用的后臺數(shù)據(jù)，如果你使用的是DEDE，可以換成DEDE的標簽即可。
直接上代碼。
<style type="text/css">
.barrager{width:100%; margin:0 auto;height:500px;overflow:hidden;position:fixed; bottom: 0; left:0; z-index: 9999999999999999999999999;}
.barrager div{position:absolute; }
.barrager div span{ height: 30px; line-height: 30px; background:rgba(0,0,0,0.3); border-radius: 20px; padding:5px 15px;}
</style>
<div class="barrager">
{pboot:list scode=8 num=10}
<div><span>[list:title lencn=10]</span></div>
{/pboot:list}
</div>
