$("#AOPTopMenu>ul>li").hover(function () {
var _self = $(this).children(".SecondMenuBar");
var thisheight = _self.height() + 0; //获取样式为".SecondMenuBar"的下滑div的高度
delayTime = setTimeout(function () { //鼠标放置到菜单上后设个延时400
$(_self).slideDown(300) //界面下滑速度300
$("#zg_Iframe").height(thisheight); //把样式为".SecondMenuBar"的div的高度赋值给iframe;
$("#zg_Iframe").css('display', 'block');
}, 400);
$(this).removeClass("bgColor");
$(this).addClass("SelectbgColor"); ??????????????????代码是截取的,不必考虑完整性,
id为“AOPTopMenu”的 div 里嵌套着id为变量(变量里都包含‘Tb_SecondMenu_’),calss为“ThirdMenuBar”的多个div,
现想在问号“??????????”处,设置class为“ThirdMenuBar”的div下的li的高度,怎么写?
var _self = $(this).children(".SecondMenuBar");
var thisheight = _self.height() + 0; //获取样式为".SecondMenuBar"的下滑div的高度
delayTime = setTimeout(function () { //鼠标放置到菜单上后设个延时400
$(_self).slideDown(300) //界面下滑速度300
$("#zg_Iframe").height(thisheight); //把样式为".SecondMenuBar"的div的高度赋值给iframe;
$("#zg_Iframe").css('display', 'block');
}, 400);
$(this).removeClass("bgColor");
$(this).addClass("SelectbgColor"); ??????????????????代码是截取的,不必考虑完整性,
id为“AOPTopMenu”的 div 里嵌套着id为变量(变量里都包含‘Tb_SecondMenu_’),calss为“ThirdMenuBar”的多个div,
现想在问号“??????????”处,设置class为“ThirdMenuBar”的div下的li的高度,怎么写?
,真是会得不难,难的不会啊,它怎么可以不考虑在父级程序("#AOPTopMenu>ul>li").hover(function () {
下而直接写呢?
另外,你有好的学习jquery的比较系统的资料吗?
// 点击菜单滑动下拉,焦点不在下滑界面自动回收
$(document).ready(function () {
var delayTime = "";
$("#AOPTopMenu>ul>li").hover(function () {
var _self = $(this).children(".SecondMenuBar");
var thisheight = _self.height() + 0; //获取样式为".SecondMenuBar"的下滑div的高度
delayTime = setTimeout(function () { //鼠标放置到菜单上后设个延时400
$(_self).slideDown(300) //界面下滑速度300
$("#zg_Iframe").height(thisheight); //把样式为".SecondMenuBar"的div的高度赋值给iframe;
$("#zg_Iframe").css('display', 'block');
$(".ThirdMenuBar").height(thisheight-72); //给ThirdMenuBar赋高度,是为了设置分隔虚线的高度。
}, 400);
$(this).removeClass("bgColor");
$(this).addClass("SelectbgColor");
}, function () {
clearTimeout(delayTime);
$(this).children(".SecondMenuBar").slideUp();
$("#zg_Iframe").css('display', 'none');
$(this).removeClass("SelectbgColor");
$(this).addClass("bgColor");
// $(".ThirdMenuBar").height(0); //将ThirdMenuBar高度设回,不然的话有时候会乱。
})
})
貌似是这里的(".ThirdMenuBar)范围太宽泛,没有具体到选中的$("#AOPTopMenu>ul>li")里面。
// 点击菜单滑动下拉,焦点不在下滑界面自动回收
$(document).ready(function () {
var delayTime = "";
$("#AOPTopMenu>ul>li").hover(function () {
var _self = $(this).children(".SecondMenuBar");
var thisheight = _self.height() + 0; //获取样式为".SecondMenuBar"的下滑div的高度
delayTime = setTimeout(function () { //鼠标放置到菜单上后设个延时400
$(_self).slideDown(300) //界面下滑速度300
$("#zg_Iframe").height(thisheight); //把样式为".SecondMenuBar"的div的高度赋值给iframe;
$("#zg_Iframe").css('display', 'block');
$(".ThirdMenuBar").height(thisheight-72); //给ThirdMenuBar赋高度,是为了设置分隔虚线的高度。
}, 400);
$(this).removeClass("bgColor");
$(this).addClass("SelectbgColor");
}, function () {
clearTimeout(delayTime);
$(this).children(".SecondMenuBar").slideUp();
$("#zg_Iframe").css('display', 'none');
$(this).removeClass("SelectbgColor");
$(this).addClass("bgColor");
$(".ThirdMenuBar").height(“”); //将ThirdMenuBar高度设回,不然的话有时候会乱。
})
})