CSS网站顶部添加动态流动跑马灯特效代码

此页面的默认 H1 标题

效果展示

代码部署

将以下代码放在网站的head标签里即可。

[wxshow]

<!-- 顶部跑马灯特效 -->
<style>
#top-grrk{
    background:url(https://external-30160.picsz.qpic.cn/e94ff0137dfb6cc51925d4ccf61d2541);
    height:2px;
    position:fixed;
    width:100%;
    Z-index:10000;
}
</style>    
<div id="top-grrk"></div>
<!-- 顶部跑马灯特效 -->

[/wxshow]

WordPress添加方法

把下面代码放入主题functions.php文件中。

function horseracelamp() {
    echo '<style>#top-grrk{background:url(https://external-30160.picsz.qpic.cn/e94ff0137dfb6cc51925d4ccf61d2541);height:2px;position:fixed;width:100%;Z-index:10000}</style><div id="top-grrk"></div>';
    }
add_action( 'wp_head', 'horseracelamp', 100 );

 

 

 

 

 

上一篇 WordPress主题美化-B2美化彩色标签云
下一篇 CoreNext主题美化 - 网站侧边添加小姐姐随机跳舞可折叠组件