给WordPress网站增加一个带时间的led广告牌

这篇具有很好参考价值的文章主要介绍了给WordPress网站增加一个带时间的led广告牌。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

WordPress 后台==》外观==》小工具==》自定义html==》添加到合适位置
给WordPress网站增加一个带时间的led广告牌,html,html,wordpress

其他系统可自行添加合适位置文章来源地址https://www.toymoban.com/news/detail-801052.html

<style type="text/css">
    .studytextgzbox {
    
    
  background:   #F9F9F9; 
  border: 1px solid #999999;
  margin: 1px;
  text-align:center;  
  float: left;
  line-height: 28px;
  height: 28px;
  overflow: hidden;
  width: 236px;
  }

</style>

<script type="text/javascript">
    study_textgz_jQuery(function() {
    
    
    var container = study_textgz_jQuery('#masonry');
    container.imagesLoaded(function() {
    
    
        container.masonry({
    
    
                itemSelector: '.studytextgzbox',
                gutter: 0,
                isAnimated: true,
            });
     });
});

</script>

<style type="text/css">
.zzbuluoled:after {
    
    
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
@media (max-width: 768px){
    
    .zzbuluoled{
    
    display: none;}}
</style>  
<div class="wp zzbuluoled"  style="margin-top:0px;">   
<div style="background:url('https://ycunz.cn/source/plugin/zzbuluo_led/images/1.png'); text-align: center; height:80px; border: 0px solid #E8EFF5;" >   





                <div id="systimeshow" style="float: left;margin-top: 10px; font-weight:bolder; color:#FF0000;font-size:16px;font-family: '微软正黑体','黑体_GB2312','微软正黑体'; width: 130px;">
                </div>
                  <script language="javascript">
                    function getCurDate()
{
    
    
 var d = new Date();
 var week;
 switch (d.getDay()){
    
    
 case 1: week="星期一"; break;
 case 2: week="星期二"; break;
 case 3: week="星期三"; break;
 case 4: week="星期四"; break;
 case 5: week="星期五"; break;
 case 6: week="星期六"; break;
 default: week="星期天";
 }
 var years = d.getFullYear();
 var month = add_zero(d.getMonth()+1);
 var days = add_zero(d.getDate());
 var hours = add_zero(d.getHours());
 var minutes = add_zero(d.getMinutes());
 var seconds=add_zero(d.getSeconds());

 var ndate = years+"年"+month+"月"+days+"日"+"<br>"+hours+":"+minutes+":"+seconds+"&nbsp"+week+"&nbsp";

 var divT=document.getElementById("systimeshow"); 
 divT.innerHTML= ndate;
}
function add_zero(temp)
{
    
    
 if(temp<10) return "0"+temp;
 else return temp;
}
setInterval("getCurDate()",100);
                </script>


<div id="zzbuluoled_sx" style="width:auto;overflow:hidden;height:80px;line-height:80px;text-align:left;">
<div id="zzbuluoled_sx1" > 

<p style="padding:0px 10px 0px 16px;vertical-align:middle;height:80px;overflow:hidden;">
  <marquee direction="lelf" scrollamount="5"><strong>
<a href="#" target="_black"  title="QQ沐编程(qqmu.com)欢迎您">
<span style="font-weight:900; color: #FF0000; font-size: 60px;line-height:80px;">QQ沐编程(qqmu.com)欢迎您欢迎您
</span>
</a>

    <a href="#" target="_black" >
<span style="font-family: 'Tahoma';font-weight:900; color: #4C33E5; font-size: 60px;line-height:80px;">新年优惠限时福利·会员低至9.9
</span>
</a>

    <a href="#" target="_black" >
<span style="font-family: 'Tahoma';font-weight:900; color: #FFFFFF; font-size: 60px;line-height:80px;">每日签到&抽奖&完成任务等可免费获得积分
</span>
</a>
     </strong></marquee>
</p>



</div>

</div>


</div>
</div>

到了这里,关于给WordPress网站增加一个带时间的led广告牌的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 广告牌安全传感器,实时监测事故隐患尽在掌握

    在现代城市中,广告牌作为商业宣传的重要媒介,已然成为城市中一道独特的风景线。然而,随着城市迅速发展,广告牌的安全问题也引起了大众关注。广告招牌一般悬挂于建筑物高处,量大面大。由于设计、材料、施工方法的缺陷,加上后期的检查、维护和不定期检测的关

    2024年02月12日
    浏览(33)
  • web3d-three.js场景设计器-sprite广告牌

    three.js使用Sprite精灵实现文字或者图片广告牌 1.将文字绘制到Canvas,调整对应宽高。 2.作为Cavans材质绑定到Sprite 3.加载到场景调整适当的scale function createLabel({ text, fontSize, textColor, color, imageUrl }) {     return new Promise((resolve, reject) = {         let canvas = document.createElement(\\\'canvas\\\')

    2024年02月02日
    浏览(38)
  • 如果这都不是爱!谷歌承包广告牌喊话苹果;亚马逊裁员的业内分析;李玟VR演唱会明日上线;AMD发布会全程高能;GitHub今日热榜 | ShowMeAI资讯日报

    一线消息,Google 在拉斯维加斯 Harmon Corner 投放了大型新年主题广告,喊话说服苹果采用 RCS 消息协议, 不要在修复像素化的照片和视频上掉链子 。视频显示,在简短的问候信息后,广告牌滚动播放 RCS 代码,并在最后呼吁大家 Help Apple #GetTheMessage 。 Google 早在8月就发起了 G

    2023年04月08日
    浏览(45)
  • 为什么每个有影响力的内容创作者都需要一个Kadence WordPress网站

    创作者经济正在蓬勃发展,内容创作者正在以前所未有的方式建立受众和收入来源。无论您是在 YouTube、Instagram、TikTok 还是任何其他平台上增加受众,充分利用这些受众变得越来越重要。 Adobe 于 2022 年 8 月发布的一项研究表明,过去 2 年全球创作者经济增长了超过 1.65 亿人,

    2024年02月05日
    浏览(50)
  • WordPress之给文章内容中间插入广告的实现方法

    不少朋友希望在文章内容的中间插入广告(个人认为这个对用户体验有点不太好),下面就来看看如何实现吧。 使用 Insert Post Ads 插件 Insert Post Ads 是一个非常简单易用的插件,可以在文章和页面中的不同段落插入多个不同广告,你需要做的只是在后台新建广告,然后选择插

    2023年04月23日
    浏览(36)
  • 极路由怎么屏蔽广告网站上的广告太多动辄6/70秒

    优酷土豆、爱奇艺、腾讯、搜狐、PPS视频的广告是越来越长,动辄60秒、70秒的长广告,很想屏蔽吧?如果你用的是极路由,屏蔽视频广告那是妥妥的。手机、电脑、平板统统没广告。不过,屏蔽视频广告虽易,视频网站生存不易,中国的带宽是非常贵的,大家且用且珍惜。

    2024年02月07日
    浏览(28)
  • 25个著名的WordPress网站案例

    想创建免费网站吗?从易服客建站平台开始 500M免费空间,可升级为20GB电子商务网站 创建免费网站 WordPress 内容管理系统为全球35%的网站提供支持。鉴于目前有 17 亿个站点,并且还在增加,您可以算出每秒向网站访问者提供内容的WordPress网站的数量。 然而,问题是,当人们

    2024年02月07日
    浏览(38)
  • wordpress我的个人网站搭建

    WordPress是一个功能强大且易于使用的网站管理平台。它是基于PHP和MySQL构建的,可以在各种不同的主机上运行。 需求 最低版本要求 PHP 7.4 或更高版本 MySQL 5.6 或更高版本 Web服务器 任意(如:Apache、Nginx) 存储空间 足够存储数据的空间 带宽 足够的数据传输带宽 内存 至少51

    2024年02月15日
    浏览(36)
  • 如何修复运行缓慢的 WordPress 网站?

    💂 个人网站:【 海拥】【神级代码资源网站】【办公神器】 🤟 基于Web端打造的:👉轻量化工具创作平台 💅 想寻找共同学习交流的小伙伴,请点击【全栈技术交流群】 给大家安利一个免费且实用的轻量化工具创作平台,👉点击跳转到网站。 就其 SEO 而言,网站和网页的速

    2024年01月22日
    浏览(41)
  • 网站百度统计被恶意刷广告的处理方法

    在百度统计的数据中,查看网站的实时访客或者来源,有时候,会发现有一些乱七八糟的用户流量,这并不是网站被攻击或者被刷流量了,而是百度统计被被恶意刷广告,只是针对统计的行为,不影响网站的排名。 现象: 1、访问的链接,链接中有问号?,并包含其他网站的网

    2024年02月04日
    浏览(30)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包