幻灯片播放图片，上一张、下一张，图片演示，图片自动切换

幻灯片播放图片，上一张、下一张，图片演示，图片自动切换

作者：网上收集点击：读取中... 次

引用代码：<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css"> </style>
<SCRIPT LANGUAGE="JavaScript">

var rotate_delay = 2000; // delay in milliseconds (5000 = 5 secs)
current = 0;
function next() {
if (document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
  }
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
  }
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = (text == "停止幻灯片播放") ? "开始幻灯片播放" : "停止幻灯片播放";
rotate();
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if (document.slideform.slidebutton.value == "停止幻灯片播放") {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
  }
}

</SCRIPT>
<body bgcolor="#ffffff" text="#000000">
  <form name="slideform">
    <table cellspacing="1" cellpadding="4" bgcolor="#000000" width="540" height="340">
      <tr>
        <td align="center" bgcolor="white" width="540" height="340">
          <img src="http://img1.qq.com/news/pics/17919/17919986.jpg" name="show">
        </td>
      </tr>
      <tr>
        <td align="center" bgcolor="#c0c0c0">
          <select name="slide" onChange="change();">
            <option value="http://img1.qq.com/news/pics/17919/17919986.jpg" selected>
            1
            <option value="http://img1.qq.com/news/pics/17919/17919991.jpg">
            2
            <option value="http://img1.qq.com/news/pics/17919/17919988.jpg">
            3
            <option value="http://img1.qq.com/news/pics/17919/17919994.jpg">
            4
            <option value="http://img1.qq.com/news/pics/17920/17920001.jpg">
            5
            <option value="http://img1.qq.com/news/pics/17920/17920005.jpg">
            6
            <option value="http://img1.qq.com/news/pics/17920/17920008.jpg">
            7
</option>
          </select>
        </td>
      </tr>
      <tr>
        <td align="center" bgcolor="#c0c0c0">
          <input type="button" onClick="first();" value="第一张" title="Beginning"> <input type="button" onClick="previous();" value="上一张" title="Previous">
          <input type="button" name="slidebutton" onClick="ap(this.value);" value="开始幻灯片播放" title="AutoPlay">
          <input type="button" onClick="next();" value="下一张" title="Next"> <input type="button" onClick="last();" value="最后一张" title="End">
        </td>
      </tr>
    </table>
  </form>
</body>

收藏此文章　　　　　打印更新　　　　　编辑此文章　　　　『关闭窗口』


	家园个人文集		http://www.5x54.com