javascipt 能做到？

xiaodengzi 2002-12-18 06:24:00

至少有三个图片，然后左自右游动，鼠标放在哪一张图上，该图就静止，并且在图下方出现说明，点击就是放大图，图下依然有说明，说明的文字都是以向上滚动消失的形式出现

...全文

82 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

xiaodengzi 2002-12-19

打赏
举报

我的意思是说图片排成一排，然后是从左往右边移动，
在实现上面的效果了

xiaodengzi 2002-12-19

打赏
举报

改不过来啊

xiaodengzi 2002-12-19

打赏
举报

多谢了
我再来仔细看看
怎么改成我要的

孟子E章 2002-12-19

打赏
举报

少加改动即可
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT>
var tid
N=(navigator.appName.indexOf("Netscape")!=-1)
M=(navigator.appName.indexOf("Microsoft")!=-1)

Vis=new Array()
Vis[0]=(M) ? "hidden" : "hide"
Vis[1]=(M) ? "visible" : "show"

function GetDiv(divId,divY,divX,divW,divH,bCol,visb,zInd){
bkCol=(bCol!="")?((N)?" bgColor="+bCol:";background:"+bCol):""

DivTyp = (M) ? "<DIV" : "<LAYER"
if(M){Styl=" ID="+divId+" style='position:absolute;top:"+divY+";left:"+(200-divX)+";width:"+divW+";height:"+divH+bkCol+";visibility:"+Vis[visb]+";z-index:"+zInd+"'>"}
if(N){Styl=" ID="+divId+" top="+divY+" left="+divX+" width="+divW+" height="+divH+bkCol+" visibility="+Vis[visb]+" z-index="+zInd+">"}
document.writeln(DivTyp+Styl)
}

function EndDiv(){
(M)? document.writeln("</DIV>"): document.writeln("</LAYER>")
}

</SCRIPT>
</HEAD>
<BODY onload=Slide() bgcolor=#000000>
<SCRIPT>
//allocate images in arry Pix
Pix=new Array()
Pix[0]="http://lucky.myrice.com/javabk1.jpg"
Pix[1]="http://lucky.myrice.com/back.jpg"
Pix[2]="http://lucky.myrice.com/javabk1.jpg"
sn=Pix.length
xof=new Array()
yof=new Array()
for(x=0;x<sn;x++){
xof[x]=200+x*80
yof[x]=100
eval("GetDiv('Img"+x+"',100,"+xof[x]+",80,80,'',1,0)")
document.write("<img src=",Pix[x]," width=80 height=80 border=0 onmouseover='b(this)' onmouseout='a()' onclick='document.all.y.src=this.src'>")
EndDiv()
}

eval("GetDiv('rightcover',90,475,400,100,'#000000',1,1)")
EndDiv()

eval("GetDiv('leftcover',320,80,120,120,'#000000',1,1)")
EndDiv()
function Slide(){
for(j=0;j<sn;j++){
xof[j]--
if(M){eval("document.all.Img"+j+".style.left=xof["+j+"]");eval("document.all.Img"+j+".style.top=yof["+j+"]")}
if(N){eval("document.layers.Img"+j+".left=xof["+j+"]");eval("document.layers.Img"+j+".top=yof["+j+"]")}
if(xof[j]<181) {yof[j]++}
if(xof[j]<101) {xof[j]=100}
if(yof[j]>340) {xof[j]=500;yof[j]=100}
}
tid=setTimeout('Slide()',50)
}
function a()
{
tid=setTimeout('Slide()',50)
}
function b(o)
{
clearTimeout(tid)
document.all.m.innerHTML=o.src
}
</SCRIPT>
<div id=m style="color:white"></div>
<img src="" id=y>
</BODY></HTML>

江南昆虫 2002-12-18

打赏
举报

是从左到右的啊！

不是太明白你的意思了……

xiaodengzi 2002-12-18

打赏
举报

我试过了
不是这样得
图片要从左边移动到右边了

xiaodengzi 2002-12-18

打赏
举报

怎么没人来理我啊

江南昆虫 2002-12-18

打赏
举报

不知道你要的是不是这种效果？

<html>
<head>
<title></title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="JnKc">
<meta name="Keywords" content="">
</head>
<body>
<marquee onMouseOver="this.stop();oOver()" onMouseOut="this.start()" width=500 direction="right"><img src="http://expert.csdn.net/images/csdn.gif" width="120" height="60" border=0 alt="图一图一图一">
<img src="http://www.csdn.net/images/ad/vsnet_120.gif" width="120" height="60" border=0 alt="图二图二图二">
<img src="http://www.csdn.net/adv/homepage/net007_ad.jpg" width="100" height="100" border=0 alt="图三图三图三">
</marquee>
<marquee direction="up" height=50 id="jnkc" scrollamount="2"></marquee>
<script language="JavaScript">

</script>
</body>
</html>