图片切换实例

最新推荐文章于 2024-10-11 17:39:47 发布

dejiatian0079

最新推荐文章于 2024-10-11 17:39:47 发布

阅读量79

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/sosomark/p/5188500.html

版权

<html>
<head>
	<meta http-equiv="content-type" content="text/html" charset="UTF-8">
	<script type="text/javascript" >
			var picArr=new Array("1.jpg","2.jpg","3.jpg")	;
			var index=0;
			//展示下一张图片
			function next(){
					index++;
					if (index==picArr.length){
							index=0;
					}
					document.getElementById("img1").src=picArr[index];
			}

			//展示上一张图片
			function precious(){
					index--;
					if (index<0){
							index=picArr.length-1;
					}
					document.getElementById("img1").src=picArr[index];
			
			}
	</script>
	<body>
			<img id="img1"src="1.jpg" width="500" height="300"/><br/>
			<input type="button" value="下一张" οnclick="next()"/>
			<input type="button" value="上一张" οnclick="precious()"/>
	<body>
	</html>

转载于:https://www.cnblogs.com/sosomark/p/5188500.html