 |
|
 |
|
![]() |
![]() |
|
 |
| 图片轮显代码大全(JS幻灯片) |
|
| 作者：佚名 文章来源：ebook-cn.com 更新时间：2006-3-1 23:07:46 |
![]() |
|
|
|
on switchSlide(sDir) {
newSlide = currentSlide + sDir;
if (!newSlide) newSlide=numSlides;
if (newSlide > numSlides) newSlide=1;
document.all[("image"+newSlide)].style.visibility="visible";
document.all[("image"+currentSlide)].
style.visibility="hidden";
// 如果不要说明文字，请移除下一行:
document.all["captions"].document.forCaptions.captionsText.
value=captionTxt[newSlide];
currentSlide = newSlide;
}
//-->
</script>
注意那些*近程序代码结尾的注解：如果你没有说明文字，那么就将它下面一行的文字移除。
步骤六
以</HEAD>关闭页首标签，然后将下列的程序代码，贴到网页HTML文件中的body部分。 注意，程序代码以个别的<DIV>标签区分每个影像，他们和正规的<IMG src>格式有关联：
<BODY onLoad="setUp()">
<B> Builder.com slide show!</B>
<DIV id="image5" class="slides"><IMG src="fifth.jpg"></DIV>
<DIV id="image4" class="slides"><IMG src="fourth.jpg"></DIV>
<DIV id="image3" class="slides"><IMG src="third.jpg"></DIV>
<DIV id="image2" class="slides"><IMG src="second.jpg"></DIV>
<DIV id="image1" class="slides"><IMG src="first.jpg"></DIV>
步骤七
观众必须以自己的步调来点按幻灯片，所以你得提供他们点按的东西。。你可以使用简单老式的超链接，但是若有特殊的Previous和Next的GIF点选按钮，就精巧多了。样本程序代码是使用一个table来连接next.gif和previuos.gif：
<DIV style="position:absolute; top:350px; left:100px">
<A href="javascript :switchSlide(-1)"><IMG src="previous.gif" border=0></A>
<A href="javascript :switchSlide(1)"><IMG src=上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] 下一页
|
|
|
|
|
|
|
 |
|
![]() |
|
![]() |
|
