js 伸拉菜单代码

作者：袖梨 2022-07-02

YPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.*w**3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

提示：您可以先修改部分代码再运行

<title>js 伸拉菜单代码</title>
<script>
function f_s(id){
       var obj=document.getElementById(id);
       obj.style.display="block";
       obj.style.;       
       var changeW=function(){ 
              var obj_h=parseInt(obj.style.height);
              if(obj_h<240){ 
                     obj.style.px";
              }
              else{
              clearInterval(bw);
              }
       }       
       var bw=window.setInterval(changeW,1)
}
function closeW(id,h){
       var obj=document.getElementById(id);
       obj.style.height=h;
       var closeDiv=function(){
              var obj_h=parseInt(obj.style.height);
              if(obj_h>1){ 
                     obj.style.px";
              }
              else{
              clearInterval(bw);
              obj.style.display="none";
              }
       }       
       var bw=window.setInterval(closeDiv,1)
}
</script>

<div onmouseover="f_s('div1')" style=" position:absolute;background:black; left: 579px; top: 34px;  ">
</div>
<div id="div1" style="position:absolute; background:aqua; left: 451px; top: 73px;   
display:none"><span onclick="closeW('div1','335')">close</span></div>

提示：您可以先修改部分代码再运行

js 伸拉菜单代码

相关文章

精彩推荐