1-几个图片在一个位置来回切换
<script language="JavaScript">
<span style="white-space:pre"> </span>var slidespeed=3000
var slideimages=new Array("图片地址","<span style="font-family: Arial, Helvetica, sans-serif;">图片地址</span>","<span style="font-family: Arial, Helvetica, sans-serif;">图片地址</span>")
var slidelinks=new Array("/","/","/")
<span style="white-space:pre"> </span>var imageholder=new Array()
<span style="white-space:pre"> </span>var ie55=window.createPopup
for (i=0;i<slideimages.length;i++){
<span style="white-space:pre"> </span>imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}
<span style="white-space:pre"> </span>function gotoshow(){
window.location=slidelinks[whichlink]
}
</script>
<a href="javascript:gotoshow()">
<img src="图片地址" name="slide" border="0" style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)">
</a>
<script language="JavaScript">
<span style="white-space:pre"> </span>var whichlink=0
var whichimage=0
var pixeldelay=(ie55)? document.images.slide.filters[0].duration*1000 : 0
function slideit(){
<span style="white-space:pre"> </span>if (!document.images) return
<span style="white-space:pre"> </span>if (ie55)
<span style="white-space:pre"> </span>document.images.slide.filters[0].apply()
<span style="white-space:pre"> </span>document.images.slide.src=imageholder[whichimage].src
<span style="white-space:pre"> </span>if (ie55)
<span style="white-space:pre"> </span>document.images.slide.filters[0].play()
<span style="white-space:pre"> </span>whichlink=whichimage
<span style="white-space:pre"> </span>whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
<span style="white-space:pre"> </span>setTimeout("slideit()",slidespeed+pixeldelay)
}
slideit()
</script>
2-几张图片从右到左循环移动
var sspeed=10
demog2.innerHTML=demog1.innerHTML
function Marquees(){
<span style="white-space:pre"> </span>if(demog2.offsetWidth-demog.scrollLeft<=0)
<span style="white-space:pre"> </span>demog.scrollLeft-=demog1.offsetWidth
<span style="white-space:pre"> </span>else{
<span style="white-space:pre"> </span>demog.scrollLeft++
<span style="white-space:pre"> </span>}
}
var MyMars=setInterval(Marquees,sspeed)
demog.οnmοuseοver=function() {clearInterval(MyMars)}
demog.οnmοuseοut=function() {MyMars=setInterval(Marquees,sspeed)}
两组一样的图片
总的id=demog 两组图片分别是id=demog1 跟id=demog2
例如
</pre><pre name="code" class="javascript"><div id=demog>
<div id=demog1>
图片组
</div>
<div id=demog2>
图片组
</div>
</div>