📄 复件 index.htm

📁 JSP程序开发范例宝典范例编号311-316

💻 HTM

字号:

<SCRIPT language="javascript">
	<!--
//图片的路径start
var sPicArr = new Array();
	sPicArr[0] = new Array(
	"images/1.jpg"
	);
	sPicArr[1] = new Array(
	"images/2.jpg"
	);
	sPicArr[2] = new Array(
	"images/3.jpg"
	);
	sPicArr[3] = new Array(
	"images/4.jpg"
	);
	sPicArr[4] = new Array(
	"images/5.jpg"
	);
	sPicArr[5] = new Array(
	"images/6.jpg"
	);
//图片的路径end
	var plPic = new Image();
	var gIndex = 0;
	function SlidePic(index){
		gIndex = index;
		if ('Microsoft Internet Explorer' == navigator.appName)	{
			document.images["slidePic"].filters.item(0).Apply();
		}
		document.images["slidePic"].src = sPicArr[index][0];
        if ('Microsoft Internet Explorer' == navigator.appName){
			document.images["slidePic"].filters.item(0).play();
		}
	}
//下一个图片start
	function NextPic(){
		gIndex = ((gIndex+1)>=sPicArr.length?0:(gIndex+1));
		SlidePic(gIndex);
	}
//下一个图片end
//上一个图片start
	function PrevPic(){
		gIndex = ((gIndex-1)<0?(sPicArr.length-1):(gIndex-1));
		SlidePic(gIndex);	
	}
//上一个图片end
//自动运行
var sid;
function inislide(){
		if(sid==null){
			sid = setInterval('NextPic()', 3000);
		}
}
	//-->
</SCRIPT>

<body onload="inislide()">
<div align="center">  <table width="352" border="1" bordercolordark="#FFFF00" bordercolorlight="#FF0000">
    <tr>
      <td width="67" bgcolor="#CCFF00"><input name="Submit" type="button" value="上一张" onClick="PrevPic()"></td>
      <td width="200"><img   src="images/1.jpg" name=slidePic  width=200 height=180   id="slidePic" style="BORDER-TOP: #000 1px solid; FILTER: revealtrans(duration=2.0,transition=5); BORDER-BOTTOM: #000 1px solid"></td>
      <td width="63" bgcolor="#CCFF00"><input name="Submit2" type="button" value="下一张" onClick="NextPic()"></td>
    </tr>
  </table>
</div>
</body>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -