js单个点击展开，再点击折叠效果(IE/FF下通过)

最新推荐文章于 2022-07-21 11:02:10 发布

我把金钱献给你

最新推荐文章于 2022-07-21 11:02:10 发布

阅读量6.1k

点赞数

分类专栏： js 文章标签： file microsoft function generator javascript div

js 专栏收录该内容

40 篇文章 0 订阅

订阅专栏

<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
</head>
<body>
<style type="text/css">

</style>
<script language="JavaScript">
function getElement(aID)
{
return (document.getElementById) ? document.getElementById(aID)
                                   : document.all[aID];
}

var file_gx;
var f_timeID;
var f_move_step=4;//值越小越平滑，速度越慢
var f_move_speed=8; // 值越小越平滑，速度越慢
function ProductFile(){
file_gx=Math.abs(parseInt(getElement("div_file").style.height)-150);
if (f_timeID ==undefined){
   f_timeID = setTimeout(tween_weatherm_move,f_move_speed);
}
else {
   clearTimeout(f_timeID);
   f_timeID = setTimeout(tween_weatherm_move,f_move_speed);
}
}

function tween_weatherm_move(){
var wobj=getElement("div_file");
var cx=parseInt(wobj.style.height);
cx+=(file_gx-cx)/f_move_step;
cx=parseInt(cx);
wobj.style.height=cx+"px";
if (Math.abs(cx-file_gx)<1){
wobj.style.height=file_gx+"px";
clearTimeout(f_timeID);
f_timeID=undefined;
}else{
f_timeID = setTimeout(tween_weatherm_move,f_move_speed);
}
}

</script>
<table width="500" border="0" cellpadding="3" cellspacing="1" bgcolor="#999999">
<tr>
    <td height="25" align="right" bgcolor="#CCCCCC"><span οnclick="ProductFile();">点击这里</span></td>
</tr>
<tr>
    <td bgcolor="#FFFFFF" style="height:150px;" id="div_file"> </td>
</tr>
</table>
</body>
</html>

我把金钱献给你

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js单个点击展开，再点击折叠效果(IE/FF下通过)

新建网页 1body,td,th { font-size: 12px;}span {cursor:pointer;color:blue;}-->function getElement(aID){ return (document.getElementById) ? document.getElementById(aID) : d
复制链接

扫一扫

专栏目录