LZ没说原因
试了一下,张开的过程停不下来
修改如下:<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>无标题文档 </title>
<script language="javascript" type="text/javascript">
window.onload = zhankai;
var maxheight = 100;
function zhankai(){
var w = document.getElementById("div1").offsetWidth;
var h = document.getElementById("div1").offsetHeight; document.getElementById("div1").style.width = (w+1) + "px";
document.getElementById("div1").style.height = (h+1) + "px";
if(h < maxheight){
setTimeout("zhankai()",10);
}
}
</script>
</head> <body> <div id="div1" style="width:50px;height:20px;border:#000000 1px solid;">朋友们</div>
<div id="show"> </div> </body>
</html>
试了一下,张开的过程停不下来
修改如下:<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>无标题文档 </title>
<script language="javascript" type="text/javascript">
window.onload = zhankai;
var maxheight = 100;
function zhankai(){
var w = document.getElementById("div1").offsetWidth;
var h = document.getElementById("div1").offsetHeight; document.getElementById("div1").style.width = (w+1) + "px";
document.getElementById("div1").style.height = (h+1) + "px";
if(h < maxheight){
setTimeout("zhankai()",10);
}
}
</script>
</head> <body> <div id="div1" style="width:50px;height:20px;border:#000000 1px solid;">朋友们</div>
<div id="show"> </div> </body>
</html>
解决方案 »
- 请教一个'</script>'的问题
- jquerymobile高手请进,小生这厢有礼了!
- 引入jquery插件后之前引入的插件方法变成undefined
- javascript过滤问题
- 不能向页面中动态加入JAVASCRIPT吗?
- Unable to get image data from canvas because the canvas has been tainted by cros
- 菜问题,关于vbs脚本
- 我认为没有人可以解决,关于DIV滚动条的。进来看看....
- 高分--能不能实现Form.XXXXX.checked
- 有没有能对文本框中的数字进行加减的控件???
- window.onload的问题
- 麻烦帮忙解决一下这个奇怪的问题,在线等
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档 </title>
<script language="javascript" type="text/javascript">
function zhankai() {
var maxheight=100;
var obj=document.getElementById("div1")
var w=obj.offsetWidth;
var h=obj.offsetHeight;
obj.style.width=(w+1)+"px";
obj.style.height=(h+1)+"px";
if(h<maxheight)
setTimeout(zhankai,1);
}
function zhankai2() {
var maxheight=100;
var maxwidth=100;
var obj=document.getElementById("div2")
var w=obj.offsetWidth;
var h=obj.offsetHeight;
if(h<maxheight)obj.style.height=(h+2)+"px";
else if(w<maxwidth)obj.style.width=(w+2)+"px";
else clearTimeout(timer)
timer=setTimeout(zhankai2,1);
}function zhankai3() {
var maxheight=100;
var maxwidth=100;
var obj=document.getElementById("div3")
var w=obj.offsetWidth;
var h=obj.offsetHeight;
if(w<maxwidth)obj.style.width=(w+3)+"px";//不够宽则加宽
else if(h<maxheight)obj.style.height=(h+3)+"px";//不够高则加高
else clearTimeout(timer)//宽高都够了
timer=setTimeout(zhankai3,1);
}
</script>
<style>
div {width:80px; height:20px; border:#000000 1px solid;font-size:12px;margin:10px;}
</style>
</head> <body> <div id="div1" onclick="zhankai()">朋友们-请点击 </div>
<div id="div2" onclick="zhankai2()">朋友们-请点击 </div>
<div id="div3" onclick="zhankai3()">朋友们-请点击 </div>
</body>
</html>