首页
   /       /   
万晨导航系统:给网站添加渐变滚动条样式 文字 广告教程
5月
6
万晨导航系统:给网站添加渐变滚动条样式 文字 广告教程
作者: 52技术博客    分类: 网站修改     正在检查是否收录...

首先进入服务器网站安装目录找到如下文件

/wc-navs/WEB-INF/classes/templates/web/simplicity/nav_index.html

那么nav_index.html 就是咱们该系统的首页模板文件

打开文件编辑 找到104行 广告代码那里 在112行添加如下代码

<style>
    #nr{
        font-size:20px;
        margin: 0;
        background: -webkit-linear-gradient(left,
            #ffffff,
            #ff0000 6.25%,
            #ff7d00 12.5%,
            #ffff00 18.75%,
            #00ff00 25%,
            #00ffff 31.25%,
            #0000ff 37.5%,
            #ff00ff 43.75%,
            #ffff00 50%,
            #ff0000 56.25%,
            #ff7d00 62.5%,
            #ffff00 68.75%,
            #00ff00 75%,
            #00ffff 81.25%,
            #0000ff 87.5%,
            #ff00ff 93.75%,
            #ffff00 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-size: 200% 100%;
        animation: masked-animation 2s infinite linear;
    }
    @keyframes masked-animation {
        0% {
            background-position: 0 0;
        }
        100% {
            background-position: -100%, 0;
        }
    }
</style>

然后再去504行 添加如下代码

<!--文字广告-->
<script id="textListParent" type="text/html">
    <div style="background-color:#333;border-radius:25px;box-shadow:0px 0px 5px #f200ff;padding:5px;margin-top:10px;margin-bottom:0px;">
            {{#  layui.each(d.topMedias, function(index, item){ }}
        <marquee>
        <b id="nr">{{item.name}} </b> </marquee>
                {{#  }); }}
    </div>
</script>

进入网站后台右上角清除缓存 网站打开刷新即可看到

本文标签: 标签: 万晨导航系统
责任声明:本页信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!
转载声明:本文作者 52技术博客,如需转载请保留文章出处!原文链接请自行复制!
版权所有:52技术博客
文章标题:万晨导航系统:给网站添加渐变滚动条样式 文字 广告教程
除非注明,文章均为 52技术博客 原创,请勿用于任何商业用途,转载请注明作者和出处 52技术博客

评论

Theme By Brief 陕ICP备17000448号
sitemap


欲报相思时,君已拂袖去,为伊消得人憔悴,悔恨曾今时。 | 遗忘

首页

分类

友链