一个js文件:
// JScript 文件
var isFlex;
var height_min;
var height_max;function menu_Load(obj)
{
var parent = obj.parentNode;
height_min = 18;
height_max = parseInt(parent.style.height);
}function getFocus(obj)
{
isFlex = true;
}function flex(obj)
{
if(isFlex == true)
{
var parent = obj.parentNode;
if(parseInt(parent.style.height) == height_min)
parent.style.height = height_max + "px";
if(parseInt(parent.style.height) == height_max)
parent.style.height = height_min + "px";
}
isFlex = false;
//alert("sdahksd");
parent.style.height = height_max + "px";
}
html主要代码:<div id="div_menu" style="height:200px;width:150px;background-color:Yellow;">
<div style="cursor:pointer;" onload="menu_Load(this)" onmousedown="getFocus(this)" onmouseup="flex(this)">我的好友</div>
<div> 好友1</div>
<div> 好友2</div>
<div> 好友3</div>
<div> 好友4</div>
<div> 好友5</div>
</div>
// JScript 文件
var isFlex;
var height_min;
var height_max;function menu_Load(obj)
{
var parent = obj.parentNode;
height_min = 18;
height_max = parseInt(parent.style.height);
}function getFocus(obj)
{
isFlex = true;
}function flex(obj)
{
if(isFlex == true)
{
var parent = obj.parentNode;
if(parseInt(parent.style.height) == height_min)
parent.style.height = height_max + "px";
if(parseInt(parent.style.height) == height_max)
parent.style.height = height_min + "px";
}
isFlex = false;
//alert("sdahksd");
parent.style.height = height_max + "px";
}
html主要代码:<div id="div_menu" style="height:200px;width:150px;background-color:Yellow;">
<div style="cursor:pointer;" onload="menu_Load(this)" onmousedown="getFocus(this)" onmouseup="flex(this)">我的好友</div>
<div> 好友1</div>
<div> 好友2</div>
<div> 好友3</div>
<div> 好友4</div>
<div> 好友5</div>
</div>
// JScript 文件
var isFlex;
var height_min;
var height_max;function menu_Load(obj)
{
var parent = obj.parentNode;
height_min = 18;
height_max = parseInt(parent.style.height);
}function getFocus(obj)
{
isFlex = true;
}function flex(obj)
{
if(isFlex == true)
{
var parent = obj.parentNode;
if(parseInt(parent.style.height) == height_min)
parent.style.height = height_max + "px";
if(parseInt(parent.style.height) == height_max)
parent.style.height = height_min + "px";
}
isFlex = false;
//alert("sdahksd");
parent.style.height = height_max + "px"; //调试的时候,这里跳出来,说参数无效 “height_max undefined”
}
<div id="div0" style="cursor:pointer;" onmousedown="getFocus(this)" onmouseup="flex(this)">我的好友</div>
<div> 好友1</div>
<div> 好友2</div>
<div> 好友3</div>
<div> 好友4</div>
<div> 好友5</div>
</div>
<script>
menu_Load(document.getElementById("div0"));
</script>
menu_Load(document.getElementById("div1"));
};要给div加个id
<div id="div1" style="cursor:pointer;" onmouse.......>
<html>
<body>
<script>
// JScript 文件
var isFlex;
var height_min;
var height_max;function menu_Load(obj)
{
var par = obj.parentNode;
height_min = 18;
height_max = parseInt(par.style.height);
}function getFocus(obj)
{
isFlex = true;
}function flex(obj)
{
var par = obj.parentNode;
if(isFlex == true)
{
if(parseInt(par.style.height) == height_min){
par.style.height = height_max + "px";
}else if(parseInt(par.style.height) == height_max){
par.style.height = height_min + "px";
}
}
isFlex = false;
//alert("sdahksd");
//par.style.height = height_max + "px";
}
window.onload = function(){
menu_Load(document.getElementById("div1"));
};
</script>
<div id="div_menu" style="height:200px;width:150px;background-color:Yellow; overflow:hidden;">
<div id="div1" style="cursor:pointer;" onMouseDown="getFocus(this)" onMouseUp="flex(this)">我的好友</div>
<div> 好友1</div>
<div> 好友2</div>
<div> 好友3</div>
<div> 好友4</div>
<div> 好友5</div>
</div>
</body>
</html>
所以height_max值为undefined,
结果就是在执行 parent.style.height = height_max + "px"; 时出错
所以height_max值为undefined,
结果就是在执行 parent.style.height = height_max + "px"; 时出错
<body onload="menu_Load(document.getElementById('list'))"><div id="list" style="cursor:pointer;" onmousedown="getFocus(this)" onmouseup="flex(this)">我的好友</div>
错误2:var parent = obj.parentNode;应该放在if之外,因为if后面又引用了parent。
<script>
var isFlex;
var height_min;
var height_max;function menu_Load()
{
var obj = document.getElementById("div1");
var parent = obj.parentNode;
height_min = 18;
height_max = parseInt(parent.style.height);
}function getFocus(obj)
{
isFlex = true;
}function flex(obj)
{
var parent = obj.parentNode;
if(isFlex == true)
{
if(parseInt(parent.style.height) == height_min)
parent.style.height = height_max + "px";
if(parseInt(parent.style.height) == height_max)
parent.style.height = height_min + "px";
}
isFlex = false;
//alert("sdahksd");
parent.style.height = height_max + "px";
}
window.onload=menu_Load
</script>
<div id="div_menu" style="height:200px;width:150px;background-color:Yellow;">
<div id="div1" style="cursor:pointer;" onload="menu_Load(this)" onmousedown="getFocus(this)" onmouseup="flex(this)">我的好友</div>
<div> 好友1</div>
<div> 好友2</div>
<div> 好友3</div>
<div> 好友4</div>
<div> 好友5</div>
</div>
然后再调用你要用的方法吧