作者UFOoooooo (宅是一种生活态度)
看板Ajax
标题[ js ] 改变div的大小
时间Thu Jul 24 16:09:47 2008
我希望可以按下div後,div会慢慢的变长
然後还做了一个button,按下後,div会直接回复成原来的样子
可是一直无法成功
以下是网页的程式码
<script language="JavaScript">
<!--
function big1(){
var sizeheight = 100;
for (sizeheight <200; sizeheight += 5;){
return document.getElementById('area1').style.height=sizeheight;
}
}
-->
</script>
<html>
<head>
<title>未命名页面</title>
<style type="text/css">
.style2 {
border-style: solid;
border-color: black;
background-color: blue;
width: 100px;
height:100px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id=area1 hidefocus="hidefocus" class=style2 onclick=big1()>
</div>
<asp:Button ID="Button1" runat="server" Text="Button"
OnClientClick="document.getElementById(area1).style.height='100';"/>
</form>
</body>
</html>
网页执行之後,按div,div只会变长5px
不知道程式那里出了问题?
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 218.167.192.211
1F：→ todau:你的回圈有点无言，用firebug trace你就会发现了.... = = 07/24 17:02
2F：→ UFOoooooo:那请问应该要怎麽改呢? 07/24 17:10
3F：→ adxis:for(var i=0;i<10;i++){...} 07/24 17:31
4F：→ adxis:也不需要return 07/24 17:32
5F：→ adxis:然後 他不会慢慢变长...会瞬间长到回圈跑完的大小 07/24 17:33
6F：→ adxis:要作动画效果请查 setTimeout 07/24 17:33
7F：推 chph:基本语法要先认识吧.. return 不是这样用的 07/24 17:33
8F：→ UFOoooooo:谢谢各位,我再试试 07/24 17:36
9F：→ UFOoooooo:我已经试成功了 感谢大家 07/24 17:57