您的需求

您的需求是什么?

简单四步,轻松做网站

1

域名注册 主机/服务器购买

代注册账号,代购买域名和主机/服务器

3

网站开发设计

原创的网站设计,不仅能让您的网站大气漂亮,具有**性,还更利于搜索优化推广

4

网站上线

网站正式上线,提供完善的售后服务。

网站教程 SEO优化 网站建设 网站设计 广州网站建设
当前位置:首页>文章>网站建设
随机输出数据实现弹幕效果。
所属栏目:网站建设 发布日期:2021-10-17

有朋友看中了别人网站的弹幕效果,但是想拔那个效果,我看了一下太过于复杂。百度上找了一下素材,发现下面这个特别简单。先引入JQ,然后在网页底部加入以下代码就可以实现了。

其中的

{pboot:list scode=8 num=10}
    <div><span>[list:title lencn=10]</span></div>
    {/pboot:list}

是调用的后台数据,如果你使用的是DEDE,可以换成DEDE的标签即可。


image.png


直接上代码。

 <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>


免费通话

24小时免费咨询

请输入您的联系电话,座机请加区号

电话

微信扫一扫

微信
顶部