AI 摘要
本文介绍了给网站顶部添加动态跑马灯特效的方法,这是一个经典的跑马灯效果,适合用于WordPress B2主题。文章提供了两种实现方式:方法一,将相关代码放入主题的functions.php文件中;方法二,将代码放入header.php文件中(注意不要放在head标签内,而是放在其下方)。此外,文中还包含了跑马灯彩条的代码内容。该特效虽然年代较久,但视觉效果依然不错。
![]()
资源介绍给网站顶部添加一个动态的跑马灯效果,也是N年前的老特效了,不过还是蛮好看的。
WordPressB2主题使用方法
方法一:将代码放入functions.php中:
function horseracelamp() {
echo '<style>#top-grrk{background:url(https://i.ibb.co/ZWNJRZq/image.gif);height:2px;position:fixed;width:100%;Z-index:10000}</style><div id="top-grrk"></div>';
}
add_action( 'wp_head', 'horseracelamp', 100 );
方法二:将代码入header.php中,不要放到head标签内,放在它下面即可。
<style>
#header-pmd{
background:url(https://i.ibb.co/ZWNJRZq/image.gif);
height:2px;//跑马灯高度
position:fixed;
width:100%;
Z-index:9999;
}
</style>
<div id="header-pmd"></div>
跑马灯彩条
1、本站上的所有软件和资料均为软件作者提供和网友推荐收集整理而来,仅供学习和研究使用。如有侵犯你版权的,请来信指出,本站将立即改正。
2、访问本站的用户必须明白,【哔哔一二】对提供下载的软件等不拥有任何权利,其版权归该下载资源的合法拥有者所有。
3、本站保证站内提供的所有可下载资源(软件等等)都是按“原样”提供,本站未做过任何改动;但本网站不保证本站提供的下载资源的准确性、安全性和完整性;同时本网站也不承担用户因使用这些下载资源对自己和他人造成任何形式的损失或伤害。
2、访问本站的用户必须明白,【哔哔一二】对提供下载的软件等不拥有任何权利,其版权归该下载资源的合法拥有者所有。
3、本站保证站内提供的所有可下载资源(软件等等)都是按“原样”提供,本站未做过任何改动;但本网站不保证本站提供的下载资源的准确性、安全性和完整性;同时本网站也不承担用户因使用这些下载资源对自己和他人造成任何形式的损失或伤害。