html图形属性变换求助

M3GAMIND 2014-01-25 12:27:21

下面是我从网上找的一段图像平移代码
我想改编成图像尺寸大小等比变换
但是js里的代码只要一改动就无效了
希望能帮忙改写并精简一下代码（不考虑浏览器兼容）



<HTML> 



 <HEAD> 

 <TITLE>DHTML Demo</TITLE> 

 <script language="javascript"> 

	ie4=(document.all)?true:false 

	function init() {

		if(ie4) block=blockDiv.style

		block.xpos=parseInt(block.left)

	}

	function slide() {

		if(block.xpos<300) {

			block.xpos+=5 

			block.left=block.xpos 

			setTimeout("slide()",30) 

		} 

	} 



 </script> 

 </HEAD> 



 <BODY onLoad="init()"> 

 <p> 

 <a href="javascript:slide()">move</a>

 </p> 

 <div id="blockDiv" style="position: absolute; left: 50; top: 100;"> 

 <img src="../button-1.png" width="120" height="27"> 

 </div> 

 </BODY> 

 </HTML>

...全文

167 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

M3GAMIND 2014-01-25

打赏
举报

<HTML> 

 <HEAD> 
 <TITLE>DHTML Demo</TITLE> 
 <script language="javascript"> 
 <!-- 
	ie4=(document.all)?true:false 
	function init() {
		if(ie4) block=blockDiv.style
		block.xpos=parseInt(block.width)
	}
	function slide() {
		if(block.xpos<300) {
			block.xpos+=5 
			block.width=block.xpos 
			setTimeout("slide()",30) 
		} 
	} 

 </script> 
 <style type="text/css">
 .fc{
	 background:#9F3}
 </style>
 </HEAD> 

 <BODY onLoad="init()"> 
 <p> 
 <a href="javascript:slide()">move</a>
 </p> 
 <div class="fc" id="blockDiv" style=" position: absolute; left: 50; top: 100; width: 20px; height: 420px;"> 12376587687
 </div> 
 </BODY> 
 </HTML>

再多加一个高度即可。

M3GAMIND 2014-01-25