高校问答虚拟机下安装hadoop:想请教下怎样设置才能让网页中图片首尾衔接住滚动呢?
来源：百度文库 编辑：高校问答 时间：2024/05/09 14:52:57
<DIV align=center><IMG src="images/zj01.gif" width=148 height="170" border=0><IMG src="images/zj01.gif" width=148 height="170" border=0><IMG src="images/zj01.gif" width=148 height="170" border=0><IMG src="images/zj01.gif" width=148 height="170" border=0><IMG src="images/zj01.gif" width=148 height="170" border=0><IMG src="images/zj01.gif" width=148 height="170" border=0></DIV>
</MARQUEE></center>
我用了上边的代码,但是是最后一张图片滚动完以后,第一张图片才开始出来,请问有办法首尾接住吗?
谢谢哦~~~~
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 160px; COLOR: #ffffff; HEIGHT: 240px">
<DIV id=demo1>
<center>
<!--从这里开始换成你的内容-->
<IMG src="1.gif" width=150 height=120 border=0 alt="第一张">
<IMG src="2.gif" width=150 height=120 border=0 alt="第二张">
<IMG src="3.gif" width=150 height=120 border=0 alt="第三张">
<!--内容结束-->
</center>
</DIV>
<DIV id=demo2></DIV>
</DIV>
<SCRIPT Language="JavaScript">
demo2.innerHTML = demo1.innerHTML; //克隆demo1为demo2
var speed = 30; //滚动速度，数字越小速度越快
function Marquee(){
//内容滚动主函数
if(demo2.offsetTop-demo.scrollTop<=0){
//当滚动至demo1与demo2交界时
demo.scrollTop-=demo1.offsetHeight; //demo跳到最顶端
}else{
demo.scrollTop++;
}
initialize();
}
function initialize(){
timer = setTimeout("Marquee()", speed);
}
function StopMarquee(){
clearInterval(timer);
//清除定时器达到滚动停止的目的
}
initialize();
demo.onmouseover=StopMarquee //鼠标移上时清除定时器达到滚动停止的目的
demo.onmouseout=initialize //鼠标移开时重设定时器
</SCRIPT>
如果你不想用上面的滚动效果的话，也可以试试这个随机转换特效：
<div id="ShowIMG" style="FILTER: revealTrans(transition=23,duration=0.7); width:150;
height:120"></div>
<SCRIPT language=Javascript>
var Num;
var Speed = 3000; //图片显示的时间，数字越大时间越久
//定义要显示的图片数组
var IMGArray = new Array();
IMGArray[0] = ’<IMG src="1.gif" border=0 alt="第一张">’;
IMGArray[1] = ’<IMG src="2.gif" border=0 alt="第二张">’;
IMGArray[2] = ’<IMG src="3.gif" border=0 alt="第三张">’;
//随机显示第一张图片
today=new Date();
Seconds = today.getSeconds();
Num = Seconds % IMGArray.length;
function NextIMG(){
//设置转换滤镜为随机方式
ShowIMG.filters.revealTrans.Transition = 23;
ShowIMG.filters.revealTrans.apply();
Num < IMGArray.length-1 ? Num++ : Num = 0;
ShowIMG.innerHTML = IMGArray[Num]; //将图片显示在 ShowIMG 层
ShowIMG.filters.revealTrans.play(); //执行效果转换
Timer = setTimeout("NextIMG()", Speed);
}
NextIMG();
</SCRIPT>