隨機(jī)輸出數(shù)據(jù)實(shí)現(xiàn)彈幕效果。
時(shí)間：2020-12-14 訪問(wèn)量：0
有朋友看中了別人網(wǎng)站的彈幕效果，但是想拔那個(gè)效果，我看了一下太過(guò)于復(fù)雜。百度上找了一下素材，發(fā)現(xiàn)下面這個(gè)特別簡(jiǎn)單。先引入JQ，然后在網(wǎng)頁(yè)底部加入以下代碼就可以實(shí)現(xiàn)了。
其中的
{pboot:list scode=8 num=10}
<div><span>[list:title lencn=10]</span></div>
{/pboot:list}是調(diào)用的后臺(tái)數(shù)據(jù)，如果你使用的是DEDE，可以換成DEDE的標(biāo)簽即可。
直接上代碼。
<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>
