您的位置：首页 > Web前端 > JavaScript

关于图片放大缩小的js

2013-02-05 17:06 302 查看
<HTML>

<HEAD>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<TITLE>火车网·全国铁路客运线路示意图</TITLE>

<META content="全国铁路客运线路示意图展示了全国铁路客货运系统的运行线路示意图。汇集全国数百条铁路线构成的强大的铁路网，覆盖全国30多个省直辖市和特别行政区" name="description">

<META content="火车票价，火车票查询，火车票价查询，全国铁路客运线路示意图" name="keywords">

<SCRIPT language=javascript>

<!--

w=160.0;

h=128.2;

c=4;

function btn1_onclick() {

if (c<10) {

c++;

document.all("ditu1").width=Math.round(w*c);

document.all("ditu1").height=Math.round(h*c);

}

}

function btn2_onclick() {

if (c>2) {

c--;

document.all("ditu1").width=Math.round(w*c);

document.all("ditu1").height=Math.round(h*c);

}

}

//-->

</SCRIPT>

</HEAD>

<BODY text=#000000 bgColor=#ffffff leftMargin=0 topMargin=0>

<CENTER>

</SPAN>

</TD>

</TR>

</TABLE>

<BR>

  

<INPUT id=btn1 accessKey=Z onclick="return btn1_onclick()" type=button value=Z.放大 name=btn1>

  <INPUT id=btn2 accessKey=X onclick="return btn2_onclick()" type=button value=X.缩小 name=btn2>

<BR><BR>

<TABLE cellSpacing=0 cellPadding=0 width=750 bgColor=#cc9900 border=0><!--DWLayoutTable-->

<TBODY>

<TR>

<TD vAlign=top width=750>

<TABLE cellSpacing=1 cellPadding=0 width="100%" border=0><!--DWLayoutTable-->

<TBODY>

<TR>

<TD vAlign=top align=middle bgColor=#ffffff>

<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><!--DWLayoutTable-->

<TBODY>

<TR>

<TH vAlign=top align=middle width="100%" height=513><IMG

id=ditu1 height=513 alt=[全国铁路客运线路示意图]

src="images/railway_cn.gif"

width=640

border=0>

</TH>

</TR>

</TBODY>

</TABLE>

</TD>

</TR>

</TBODY>

</TABLE>

</TD>

</TR>

</TBODY>

</TABLE>

</CENTER>

</BODY>

</HTML>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航