图片的循环显示（JavaScript）2009年03月26日 星期四 下午 7:22二、实现思路
1、在网页适当位置插入四张带ID名称的图片及按钮数字，例如：
< IMG src="image/ad-01.jpg" id="div1" border="0">
< IMG src="image/ad-02.jpg" id="div2" border="0">
< IMG src="image/ad-03.jpg" id="div3" border="0">
< IMG src="image/ad-04.jpg" id="div4" border="0">
怎么开通网银每张图片ID号最后加上数字，方便函数调用流浪地球的演员
< DIV align="center">
1度电等于多少千瓦时< A href="javascript:show(1)">1< /A>
2022年高速免费日期< A href="javascript:show(2)">2< /A>
< A href="javascript:show(3)">3< /A>
< A href="javascript:show(4)">4< /A> < /DIV>
按钮层：相对图片的位置，让数字按钮在图片上显示；触动按钮，相对应的图片显示
2、在页面载入时，调用三张图片轮换显示的函数:onLoad="show();"
3、函数实现的思路：首页定义两个全局变量，NowFrame和MaxFrame；分别表示页面载入时显示的第一张图片及轮换显示的图片张数；其次函数开始，判断show( )参数是否存在，如果存在，设定当前显示的图片为传递参数的图片，否则按原顺序显示下一张图片，通过for循环显示每一张图片，并且使其他不显示的图片处于隐藏状态；最后用setTimeout( )函数的定时器功能，间隔一段一间显示下一张图片；最终实现四张带按钮图片不间断的轮换显示效果三、主要的源代码 var NowFrame = 1;//最先显示第一张图片
var MaxFrame = 4;//一共四张图片
function show(d1) {//d1是按钮对应显示图片参数
if(Number(d1)){//判断参数是否存在，如果存在重新设置当前显示的图片
clearTimeout(theTimer); //当触动按扭时，参数存在，清除计时器
NowFrame=d1; //设当前显示图片为按钮触动要显示的图片
}
for(var i=1;i<(MaxFrame+1);i++){
if(i==NowFrame)
else
迪加奥特曼主题曲ElementById('div'+i).style.display ='none'; //隐藏其他图片层
}
{//设置下一个显示的图片，如果当前显示最后一张图片，那么下一张显示图片是第一张
if(NowFrame == MaxFrame)
NowFrame = 1;
else
NowFrame++;}
theTimer=setTimeout('show()', 3000); //设置定时器，3秒钟后显示下一张图片
}
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论