建站技术网专注分享网站建设技术,网站建设教程,真正帮你学会做网站技术,轻松解决网站建设过程中遇到的常见问题,为广大站长服务。 网站地图 | 收藏本站 | 订阅
域名投资,就来找米网,认准网址:www.zhaomi.cc 专业仿站,就到仿站网:www.fangzhan.org
  站内公告: ·帝国cms教程内容已更新,欢迎关注     ·建站技术网采用阿里云服务器,备案已通    
您当前的位置:建站技术网 > cms教程 > 帝国cms教程

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

时间:2019-03-31 17:20:25  来源:网络收集  整理: 建站技术网 www.jzjsw.com     点击:0次

说明:利用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控制
文章标题: 利用JS控制带链接的图片广告或者文字广告按天或者时间循环切换显示
文章网址:http://www.jzjsw.com/cmsJiaocheng/diguocms/8704.html
上一篇:简单高效的按照不同时间段显示不同的广告JS方法!
下一篇:帝国cms列表页(list.var)判断推荐、头条、置顶,并加(推荐、头条、置顶图)
来顶一下
返回首页
返回首页
相关文章
推荐资讯
如何通过SEO优化排名赚钱?SEO赚钱方法
如何通过SEO优化排名赚
seo优化教程:网站seo内容优化
seo优化教程:网站seo
SEO细节:企业SEO如何快速为新站做出效果
SEO细节:企业SEO如何
电商技术将如何发展?2018年有这五个大胆预测
电商技术将如何发展?
最新文章
栏目更新
栏目热门