Html+Time代码之图片拉远和拉近

一、以图片左上角为支点的控制

原代码：

<DIV style="position:relative; top:10px; left:50px; width:600px; height:450px;overflow: hidden">

<?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace />

<t:media id=media1 style="POSITION: absolute; LEFT: 0px;TOP: 0px; WIDTH: 600px; HEIGHT: 450px" src = "图片地址">

<t:animate id=large1 attributeName = "width" from = "300" targetElement = "media1" to = "1200" autoReverse = "true" begin = "1" dur = "6" fill = "hold" repeatCount = "indefinite"></t:animate>

<t:animate id=large2 attributeName = "height" from = "230" targetElement = "media1" to = "960" autoReverse = "true" begin = "large1.begin" dur = "6" fill = "hold" repeatCount = "indefinite"> </t:animate>

</t:media> </DIV>

二、以图片中心为支点的控制

原代码：

<table width="600" height="450" border="0" cellspacing="0" cellpadding="0" align="center">

<tr><td align="center">

<?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace />

<img id="i2" src="图片地址" width=10 height=7>

<t:animate id=large1 attributeName = "width" from = "10" targetElement = "i2" to = "600" autoReverse = "true" begin = "1" dur = "3" fill = "hold" repeatCount = "indefinite"></t:animate>

<t:animate id=large2 attributeName = "height" from = "7" targetElement = "i2" to = "450" autoReverse = "true" begin = "large1.begin" dur = "3" fill = "hold" repeatCount = "indefinite">

</t:animate>