怎么实现网页中自动切换图片的效果
发布网友
发布时间:2022-05-01 22:45
我来回答
共3个回答
热心网友
时间:2022-06-24 12:51
将下面的代码复制到 <head> 内
<script language="JavaScript1.2">
/*
Blending Image Slide Show Script-
?Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com
*/
3.将<body>改为<body onLoad="slideit()">
function reapply(){
setTimeout("slideit()",2000)
return true
}
window.onerror=reapply
</script>
<script language="JavaScript1.1">
<!--
var image1=new Image()
image1.src="firstimage.gif"
var image2=new Image()
image2.src="second.gif"
var image3=new Image()
image3.src="third.gif"
//-->
</script>
将下面的代码复制到 <body> 内
<a href="javascript:slidelink()" onMouseover="window.status='Click on the image to learn more about it!';return true" onMouseout="window.status=''"><img src="firstimage.gif" name="slide" border=0 style="filter:blendTrans(ration=3)"></a>
<script>
<!--
////change number of images below
var number_of_images=3
//change speed below (in seconds)
var speed=3
var step=1
var whichimage=1
function slideit(){
if (!document.images)
return
if (document.all)
slide.filters.blendTrans.apply()
document.images.slide.src=eval("image"+step+".src")
if (document.all)
slide.filters.blendTrans.play()
whichimage=step
if (step<number_of_images)
step++
else
step=1
if (document.all)
setTimeout("slideit()",speed*1000+3000)
else
setTimeout("slideit()",speed*1000)
}
function slidelink(){
if (whichimage==1)
window.location="link1.htm"
else if (whichimage==2)
window.location="link2.htm"
else if (whichimage==3)
window.location="link3.htm"
}
//-->
</script>
<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="../../../dynamicdrive.com/index.html">Dynamic Drive</a></font><p></p>
热心网友
时间:2022-06-24 12:51
使用javascript和CSS滤镜可以实现,但是Firefox好象就不支持CSS Filter
使用flash也可以
还有使用SilverLight也可以,这三种我都做过,感觉难度上差不太多
热心网友
时间:2022-06-24 12:52
你是否想做成http://www.120mmm.com这种图片轮换显示效果?
如果是,请留下email,我把资料发给你
资料已发,请查收。