一、数字键控制代码：
<div style="position:relative; top:-50px; left:240px;">
<a href="javascript:show(1)"><span id="I1" style="width:18px; text-align:left; background:gray">1</span></a>
<a href="javascript:show(2)"><span id="I2" style="width:18px;text-align:left;background-color:gray">2</span></a>
<a href="javascript:show(3)"><span id="I3" style="width:18px;text-align:left;background-color:gray">3</span></a>
<a href="javascript:show(4)"><span id="I4" style="width:18px;text-align:left;background-color:gray">4</span></a>
<a href="javascript:show(5)"><span id="I5" style="width:18px;text-align:left;background-color:gray">5</span></a>
<a href="javascript:show(6)"><span id="I6" style="width:18px;text-align:left;background-color:gray">6</span></a></div>
<script language="javaScript">
var nowIndex=1;
var maxIndex=6;
function show(index)
{
if(Number(index)){
clearTimeout(theTimer);
nowIndex=index;
}
for(var i=1;i<(maxIndex+1);i++){
if(i==nowIndex)
{documentgetElementById('pic'+nowIndex)styledisplay='';
documentgetElementById('I'+nowIndex)stylebackgroundColor='red';}
else
{documentgetElementById('pic'+i)styledisplay='none';
documentgetElementById('I'+i)stylebackgroundColor='gray';}
}{
if(nowIndex==maxIndex)
nowIndex=1;
else
nowIndex++;
}
theTimer=setTimeout('show()',3000);
}
</script>
</div>
二、自动播放：
<div id="butong_net_left" style="overflow:hidden;width:1000px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td id="butong_net_left1" valign="top" align="center">
<table cellpadding="2" cellspacing="0" border="0">
<tr align="center">方法1：直接在body里面加上属性scroll
代码如：
<
body
scroll=“no”
>
方法2：使用样式表overflow
代码如：
html{overflow：hidden；}-----我采用了这个，滚动条就消失了，最开始一直误以为是页面里面的div高度不当导致出现的滚动条。
在xhtml1-transitionaldtd标准下，并不是以body为容器，而是html标签，所以要把样式表加到html标签上才行，加到body上是不管用的。纯html语言实现：
<marquee><img src=""/><img ></marquee>
javascript实现:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
1、首先我们创建一个简单的项目，如图所示包括html，css和img三个。
2、这里是html文件，引入css和html代码文件，如图所示。
3、这里是css文件代码，上面是div和显示的效果代码，后面是动画效果。
4、这里是事件，这里定义了四个时间段的状态，兼容了ie的。
5、如图所示这里是效果图，会根据时间轮播显示下一张 了。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）