利用JS控制带链接的图片广告或者文字广告按天或者时间循环切换显示

利用JS控制带链接的图片广告或者文字广告按天或者时间循环切换显示

浏览次数:
作者: 墨鱼
信息来源: 本站原创
更新日期: 2018-12-11 19:54:44
文章简介

利用JavaScript精准控制,实现图片或文字广告按天或时间循环切换,提升广告效果。智能管理,确保广告内容有序展现,满足不同时段推广需求,增强用户体验,提升营销效果。

  • 正文开始
  • 相关阅读
  • 推荐作品

说明:利用style="display:block;"和style="display:none;"(用JS来控制样式显示和不显示)
代码如下:
<script language="javascript" type="text/javascript">
var MaxNum = 3
var n=0;
var showNum = document.getElementById("num");
//设置哪个div要显示(根据div 的id)
function plays(value)
{
for(i=0;i<=MaxNum;i++)
{
   var divlist = document.getElementById("NewsPic" + i);
   if(divlist == null)//js判断对象是否存在
   {
    return;
   }
   else
   {
    if(i == value)
    {
     divlist.style.display="block";
    }
    else
    {
     divlist.style.display="none";
    }
   }
}
}
//设置轮换时间 js设置延时
function setAuto(){autoStart=setInterval("auto(n)", 2000)}
//判断div id是否超出最大或者不存在某个对象
function auto()
{
n++;
if(n > MaxNum || document.getElementById("NewsPic" + n) == null)
{
   n = 0;
}
plays(n);
}
//初始运行
setAuto();
</script>
<div id="NewsPic0" style="display:block;">div格式自己调,这里放想放的内容0</div>
<div id="NewsPic1" style="display:none;">div格式自己调,这里放想放的内容1</div>
<div id="NewsPic2" style="display:none;">div格式自己调,这里放想放的内容2</div>
<div id="NewsPic3" style="display:none;">div格式自己调,这里放想放的内容3</div>

现在的切换时间为2秒:现在的切换时间为2秒:function setAuto(){autoStart=setInterval("auto(n)", 2000)}
如果换成天::function setAuto(){autoStart=setInterval("auto(n)",  1*24*3600)}
 

js问候-早上好、中午好、晚上好
« 上一篇 2018年09月20日
简单高效的按照不同时间段显示不同的广告JS方法!
下一篇 » 2018年12月11日

    Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2015-05-10/c96fdf4f295fa0fea3fe1a6781982843.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 个人博客&新闻资讯帝国CMS模板 - 自适应HTML5手机响应
    3.1k阅读0条评论0个赞
    适用于个人博客、新闻资讯自媒体网站,整站简洁,自适应手机等移动设备。改LOGO、网站名、栏目名,即可上线运营!

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2020-09-20/fb700537f08f4995fadb4cd9c9c87cd2.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 视频收费门户 & 新闻资讯站 | 帝国CMS HTML5自适应整站模板,手机平板兼容
    2.0k阅读1条评论0个赞
    采用帝国CMS新版,安全高效。支持背景图自定义,信息发布自动关联幻灯与列表大图。暗夜模式与海报分享功能独特。SEO优化完善,支持多终端视频与下载权限控制及收费。五种内容样式自动适配,部署即运营!

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2015-06-21/fab5d79466484197997e6ebeae29e75f.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 大气蓝绿双色帝国CMS健康养生资讯网站源码-PHP门户模板程序
    3.6k阅读0条评论0个赞
    采用帝国CMS最新版,墨鱼精心制作并亲测,修复多项问题后二次打包上传。非淘宝源码贩售版,功能全面正常。附带近万条调试数据,特别适合站长打造专业养生资讯网站,同时提供绿色安全版本。

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2023-10-16/1697443467338344.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 帝国CMS5 SEO优化模板:个人博客&新闻资讯,自适应HTML5整站方案
    1.7k阅读0条评论0个赞
    采用帝国CMS5新版,深度SEO优化模板。广告位丰富且防屏蔽,适合博客、资讯、文章、图片站。全自适应设计,手机平板无忧浏览。后台管理简便,修改快速,轻松打造个性化网站!

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2015-05-10/0cc64f8c3cb094abfcacb5d7ace9125c.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 帝国CMS自适应HTML5整站模板 - 博客工作室新闻资讯手机响应
    1.9k阅读0条评论0个赞
    采用帝国CMS最新版,适合个人博客、工作室、自媒体网站。HTML5响应式,支持手机等移动设备,性能稳定安全,功能强大易扩展!

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2019-11-24/15d35eafd1d8d4f91c9bc6a71f559333.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • HTML5个人博客&工作室帝国CMS整站模板,视频收费播放下载,新闻自适应手机
    2.3k阅读0条评论0个赞
    采用帝国CMS新版核心,打造安全可靠、性能卓越的个人博客&工作室网站。后台操作简便,无需编程技能。支持MP4、M3U8等多终端视频播放,实现权限管理与收费功能。下载同样支持权限与扣点。一键部署,轻松开启您的在线事业!

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2016-11-24/55ca9545b4858f7b5ea4c7cad003a083.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • HTML5响应式个人博客&资讯站:帝国CMS整站模板,自适应手机平板
    2.8k阅读0条评论0个赞
    帝国CMS新版核心,HTML5构建。高端设计,适合个人博客、资讯、文章、图片站。全设备自适应,后台管理高效,修改简单快速!

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2021-05-16/0e8224ed2d365be09cee21d281059350.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • HTML5自适应帝国CMS模板 - 新闻博客工作室,视频收费播放下载一站式解决
    3.4k阅读1条评论0个赞
    基于帝国CMS新版核心,构建安全高效网站模板。后台操作简便,无需编程知识。支持MP4/M3U8等多终端播放,并配备权限控制与收费功能。下载亦设权限与扣点,即装即用,轻松运营!

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2020-02-13/db5100ced31dc090cf1039517156a1d9.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 自适应HTML5帝国CMS模板,一站式新闻资讯、博客、视频收费下载整站
    2.6k阅读0条评论0个赞
    基于帝国CMS新版核心,打造安全可靠、性能卓越的整站模板。后台操作简便,无需编程知识。内置多终端视频播放与下载功能,支持权限控制与扣点收费,满足多样化运营需求。五种智能内容样式,自动适应内容变化,快速部署,即刻开启您的在线事业!

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2017-12-08/56b7d77ccd6f79f08530233aedee5fd0.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 最新帝国CMS整站源码 - 企业公司工作室,自适应响应式HTML5,手机友好
    3.7k阅读0条评论0个赞
    搭载帝国CMS新版,构建安全高效企业官网。后台轻松修改全站文字,代码精简优化,助力SEO排名。版面设计高端大气,兼容多终端浏览。帝国CMS底层坚实,便于功能拓展与升级。此源码模板,专为打造高端企业站而生,是您展示品牌形象的理想选择!

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2016-02-24/626e324944c76322853e1fa6177e54bd.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 帝国CMS全功能商城模板 - 文章视频下载,淘宝客支持,HTML5自适应响应式
    8.9k阅读1条评论0个赞
    移植知名模板,帝国CMS最新核心。修复问题,更新模型,代码优化。支持文章、图片、视频下载,商品销售,淘宝客链接。CK播放器自适应,多视频格式支持。后台灵活设置权限与支付。到手即用,适配移动设备,适合工作室及个人。支持二级目录,无时自动一级显示。

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2019-07-05/b361da41928600a28a81b90090a14ed1.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 宽屏简约新闻博客模板:大号文字,帝国CMS自适应SEO整站,HTML5手机友好
    3.4k阅读0条评论0个赞
    帝国CMS新版核心,构建安全高效新闻博客。宽屏大号文字,纯标题展示,简约而不失大气。手机浏览体验极佳,SEO友好,自动优化,助力排名。后台操作简便,无需代码基础。

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2021-11-07/4ccfbedc07635d65885ff95a25e3cd12.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 帝国CMS高效整站模板 - 文章下载/图片视频/商城淘宝客,自适应HTML5响应式
    2.4k阅读0条评论0个赞
    精选帝国CMS最新核心,打造高效运营整站模板。简约而不失功能,专为个人站长量身优化。资源丰富即可快速上线,全面支持手机平板自适应浏览,开启您的互联网创业之旅!

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2016-12-17/cddf78a5c5852c274c097df02d8ce397.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 绿色生态风,自适应HTML5博客模板:帝国CMS后台,文章新闻整站轻松建
    3.3k阅读0条评论0个赞
    帝国CMS新版驱动,绿色HTML5代码。高端设计,适合博客、资讯、图文站。全设备自适应,后台管理便捷,打造专属绿色网络空间!

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2015-05-13/6b2740586414de536b240c766e0d8c6c.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 帝国CMS企业公司工作室整站源码 - 简洁大方自适应HTML5手机响应
    3.3k阅读0条评论0个赞
    采用帝国CMS最新版,安全稳定高效。企业公司工作室整站源码,设计简洁大方,完美自适应手机等移动设备。后台功能完善,提供快速修改方案,轻松更换网站内容。

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2015-05-07/28aeb36057cb5dcbddb86a493e93f558.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 第三版美女摄影瀑布流模板 - 帝国CMS自适应HTML5响应式源码
    3.8k阅读0条评论0个赞
    瀑布流图片站源码,无限下拉,自适应浏览器及移动设备。基于帝国最新核心,整站简洁,采用新闻模型开发,便于采集。适用于美女、摄影、图片分享,稍作修改即可变身为淘宝客网站!

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2017-11-06/783ecbb18469bae891ee93295f33a39e.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 帝国CMS企业公司整站模板 - 自适应响应式HTML5,绿色版支持手机
    2.3k阅读0条评论0个赞
    采用帝国CMS新版,构建安全稳定高效的企业公司网站。整站文字后台可改,代码简洁优化好,利于SEO优化。版面高端大气,时尚前卫,完美适配各类移动设备。帝国CMS底层稳固,便于未来扩展与功能升级。本源码模板,打造高端企业站的首选,助您快速上线,展现企业形象!

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2015-06-05/93da5fa7d436496b6f6173f2f844e4f3.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 自适应HTML5响应式帝国CMS网站模板,超漂亮手机端图片文章展示
    4.1k阅读0条评论0个赞
    帝国CMS最新版核心,安全高效,后期扩展无忧,成本低廉!专为图片展示、自媒体及文章新闻资讯站点设计。响应式手机端布局,美观清晰,时尚大方!全站样式分离,JS精简,加载迅速!默认3个栏目,购买后可按需调整至6个以内,效果最佳!

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2020-09-04/77a24a862de5cd23ca7932fa735e287b.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • SEO优化新闻资讯博客 | 帝国CMS整站HTML5源码模板,自适应响应式平板手机
    1.3k阅读0条评论0个赞
    采用帝国CMS新版,构建安全稳定SEO优化站。模板专为SEO工作室及新闻、资讯、博客站长设计。整站列表简洁,支持SEO优化。BTS框架打造,响应迅速,模板深度优化,助力搜索引擎排名!

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2020-12-09/76e06b31c347a6688275691f1c8ba882.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 自适应手机HTML5帝国CMS模板:新闻资讯、个人博客、工作室视频收费播放下载整站解决方案
    1.6k阅读0条评论0个赞
    采用帝国CMS最新核心精心打造,确保网站安全稳定,性能卓越。全后台操作界面,无需编程基础,轻松上手。内置MP4、M3U8等多格式视频跨平台播放支持,灵活实现会员权限控制及付费点播功能。同时,下载模块也集成了扣点与权限验证,让内容变现更便捷。一键部署,即刻开启您的专业网站运营之旅!更配备五种智能内容样式,自动适应内容类型,如视频、下载等,让网站展示更加专业与个性化。

如本文对您有帮助,就请墨鱼抽根烟吧!