当前页面位置: » 丰搜网 » 文档中心 » 详细内容
模似windows xp 左侧的菜单效果(2)
<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('<div id="tempcontainer" class="maindiv" style="visibility: hidden; position: absolute"></div>')
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).onmouseover= 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);
}
}
}
