当前位置: 移动技术网 > IT编程>开发语言>.net > 模似windows XP 左侧的菜单效果(2)

模似windows XP 左侧的菜单效果(2)

2018年10月22日  | 移动技术网IT编程  | 我要评论

小向美奈子118,正点闹钟官网,mp3搜索

<script language="javascript">

var timer_slide = null;
var obj_slide;
var obj_view;
var pix_slide = 10; //this is the amount of slide/delay_slide
var new_pix_val;
var delay_slide = 30; //this is the time between each call to slide
var div_height = 22; //value irrelevant
var sub_menu_num =0;
var re_init_obj = null;
var bmenu = document.getelementbyid("curmenu");
var maindiv,subdiv

//dd added code
document.write(<p id="tempcontainer" class="maindiv" style="visibility: hidden; position: absolute"></p>)

function init(objdiv)
{
    if (timer_slide == null)
    {
        sub_menu_num = 0;
        maindiv = objdiv.parentnode;
        subdiv =  maindiv.getelementsbytagname("div").item(0);
        subdiv.onclick = setslide;
       
        obj_slide = maindiv.getelementsbytagname("div").item(1)
        obj_view = obj_slide.getelementsbytagname("div").item(0);

    document.getelementbyid("tempcontainer").innerhtml=maindiv.getelementsbytagname("div").item(2).innerhtml //dd added code
    div_height=document.getelementbyid("tempcontainer").offsetheight //dd added code
       
        for (i=0;i<obj_view.childnodes.length;i++)
        {
            if (obj_view.childnodes.item(i).tagname == "span")
            {
                sub_menu_num ++;
                obj_view.childnodes.item(i).onmouver= changestyle;
                obj_view.childnodes.item(i).onmouseout= changestyle;
            }
        }  
       
              new_pix_val = parseint(maindiv.getattribute("state"));
    }

}
function setslide()
{  
   if (window.timer_slide) clearinterval(timer_slide) //dd added code
      if (timer_slide == null && this.parentnode == maindiv)
            timer_slide = setinterval(runslide(), delay_slide);
      else
      {
          re_init_obj = this;
          settimeout(reinit(), 200);
      }
}

function reinit(obj)
{
    init(re_init_obj);
    timer_slide = setinterval(runslide(), delay_slide);
    re_init_obj = null;
}

function runslide()
{

    if (obj_view.getattribute("state") == 0)
    {

        new_pix_val += pix_slide;
        obj_slide.style.height = new_pix_val;

        if (new_pix_val >= div_height) //dd modified code
        {
            clearinterval(timer_slide);
            timer_slide = null;
            obj_view.style.display = inline;
            obj_view.setattribute("state","1")
            maindiv.setattribute("state",new_pix_val);
        }
    } else
    {
        obj_view.style.display = none;
        new_pix_val -= pix_slide;
        if(new_pix_val > 0)obj_slide.style.height = new_pix_val;
        if (new_pix_val <= 0)
        {
            new_pix_val = 0;
            obj_slide.style.height = new_pix_val
            clearinterval(timer_slide);
            timer_slide = null;
            obj_view.setattribute("state","0")
            maindiv.setattribute("state",new_pix_val);
        }
    }
}


如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网