`
caleb_520
  • 浏览: 247353 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

利用JavaScript实现鼠标单击图片切换功能

JavaScriptXHTMLHTML 
阅读更多
下面是一个利用JavaScript实现鼠标单击图片切换功能的程序。程序很简单，但是只是拿出来和大家共享、讨论。 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
	<script language="javascript">
		var number=0
		var picture =  new Array(3);
		for( var i=0;i<picture.length;i++){
			picture[i] = new Image();
		}
		function loadpicture(){
			picture[0].src = "1.jpg";
			picture[1].src = "2.jpg";
			picture[2].src = "3.jpg";

		    for( var j=0;j<=3;j++){
				document.form1.show.src = picture[number].src;
			  	number = (number + 1) % 3;
			}
		}
	</script>
</head>

<body> 
	<form name="form1" method="post" action="">
 		<img name="show" src="1.jpg" onclick="loadpicture()"></img>
	</form>
</body>
</html>
分享到：
| Struts2中的类型转换
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics