jQuery事件

 

Event 函数	绑定函数至
$(document).ready(function)	将函数绑定到文档的就绪事件（当文档完成加载时）
$(selector).click(function)	触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function)	触发或将函数绑定到被选元素的双击事件
$(selector).focus(function)	触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function)	触发或将函数绑定到被选元素的鼠标悬停事件

 

//单击事件（click/slideUp/slideDown）

$function(){ //定义一个函数

$(".menu .ul2:frist").css("display","block") //第一个ul2打开

var root=$(".root").val(); //定义一个变量

$(".menu li").each(fuction(i){ //遍历每个li元素

$(this).click(function(){ //每个li 元素有单击功能

if($(this).children(".ul2").css("display")=="block"){ //children("selector")遍历直接子元素

$(this).children(".ul2").slideUp(); //如果ul2初始为展开单击它就关闭

$(this).find(".liimg").attr({"src":"/"+root+"bg/left_li1.png"}); //ul2关闭时li前的图片

}else{

$(this).children(".ul2").slideDown();

$(this).find(".liimg").attr({"src":"/"+root+"bg/left_li1_hover.png"}); //ul2展开时，li前的图片

$(this).siblings('li').children(".ul2").slideUp(); //sliblings('li')代表与li元素同级的其他元素

$(this).siblings('li').find(".liimg").attr({"src":"/"+root+"bg/left_li1.png"});

}

})

})

}

height：968px