<html><head>
<title>改变图片显示尺寸</title><script language="javascript">
<!--
var zoomInFirst = true //判断是否是第一次执行“放大”命令
var zoomOutFirst = true //判断是否是第一次执行“缩小”命令
var widthOriginal = 0 //图片原始宽度
var heightOriginal = 0 //图片原始长度
var zoomRate = 0.5 //每次“放大”、“缩小”命令的缩放比例
var zoomMax = 4 //最大可以进行“放大”、“缩小”命令的次数
var zoomTime = 0 //“放大”或“缩小”命令已经执行过的次数function zoomIn( ) //“放大”子程序
{
if (zoomInFirst == true && zoomOutFirst == true)
{
widthOriginal = document.img1.width
heightOriginal = document.img1.height
}
zoomInFirst = false
if (zoomTime < zoomMax)
{
zoomTime ++
document.img1.width = widthOriginal * (1 + zoomRate * zoomTime)
document.img1.height = heightOriginal * (1 + zoomRate * zoomTime)
}
elst
alert ("图片已经显示为最大的放大尺寸")
}
function zoomOut( ) //“缩小”子程序
{
if (zoomInFirst == true && zoomOutFirst == true)
{
widthOriginal = document.img1.width
heightOriginal = document.img1.height
}
zoomOutFirst = false
zoomTime --
if (zoomTime > -1*zoomMax)
{
document.img1.width = widthOriginal * (1 + zoomRate * zoomTime)
document.img1.height = heightOriginal * (1 + zoomRate * zoomTime)
}
elst
{
alert ("图片已经显示为最小的缩小尺寸")
zoomTime ++
}
}function zoomOriginal( ) //显示原始图片大小的子程序
{
document.img1.width = widthOriginal
document.img1.height = heightOriginal
}//-->
</script>
</head>
<body><center>
<form name="form1">
<br>
<input type="button" name="BT_zoomIn" value="放大" onClick="zoomIn( )">
<input type="button" name="BT_zoomOut" value="缩小" onClick="zoomOut( )">
<input type="button" name="Bt_zoomOriginal" value="原图大小" onClick="zoomOriginal( )">
<!--
<script language="javascript">
document.write("zoomCount = <a id='debug'>" + zoomCount + "</a>")
</script>
-->
<br> <br>
<img name="img1" src="gif/image1.gif" width="15" height="15">
<br>
</form>
</center>
</body>
</html>
<title>改变图片显示尺寸</title><script language="javascript">
<!--
var zoomInFirst = true //判断是否是第一次执行“放大”命令
var zoomOutFirst = true //判断是否是第一次执行“缩小”命令
var widthOriginal = 0 //图片原始宽度
var heightOriginal = 0 //图片原始长度
var zoomRate = 0.5 //每次“放大”、“缩小”命令的缩放比例
var zoomMax = 4 //最大可以进行“放大”、“缩小”命令的次数
var zoomTime = 0 //“放大”或“缩小”命令已经执行过的次数function zoomIn( ) //“放大”子程序
{
if (zoomInFirst == true && zoomOutFirst == true)
{
widthOriginal = document.img1.width
heightOriginal = document.img1.height
}
zoomInFirst = false
if (zoomTime < zoomMax)
{
zoomTime ++
document.img1.width = widthOriginal * (1 + zoomRate * zoomTime)
document.img1.height = heightOriginal * (1 + zoomRate * zoomTime)
}
elst
alert ("图片已经显示为最大的放大尺寸")
}
function zoomOut( ) //“缩小”子程序
{
if (zoomInFirst == true && zoomOutFirst == true)
{
widthOriginal = document.img1.width
heightOriginal = document.img1.height
}
zoomOutFirst = false
zoomTime --
if (zoomTime > -1*zoomMax)
{
document.img1.width = widthOriginal * (1 + zoomRate * zoomTime)
document.img1.height = heightOriginal * (1 + zoomRate * zoomTime)
}
elst
{
alert ("图片已经显示为最小的缩小尺寸")
zoomTime ++
}
}function zoomOriginal( ) //显示原始图片大小的子程序
{
document.img1.width = widthOriginal
document.img1.height = heightOriginal
}//-->
</script>
</head>
<body><center>
<form name="form1">
<br>
<input type="button" name="BT_zoomIn" value="放大" onClick="zoomIn( )">
<input type="button" name="BT_zoomOut" value="缩小" onClick="zoomOut( )">
<input type="button" name="Bt_zoomOriginal" value="原图大小" onClick="zoomOriginal( )">
<!--
<script language="javascript">
document.write("zoomCount = <a id='debug'>" + zoomCount + "</a>")
</script>
-->
<br> <br>
<img name="img1" src="gif/image1.gif" width="15" height="15">
<br>
</form>
</center>
</body>
</html>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货