数码资讯
jQuery实现鼠标悬浮显示二级菜单效果
1。布局: 传递样式光标:指针 href =#> 修改密码 退出 2.js控制: 功能下拉菜单(obj){ $(obj)。每个(函数(){) 全长= $(this)功; VaR菜单= thespan.find(。降); 无功tarheight = themenu.height(); themenu.
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
1。布局:
<类别>传递样式光标:指针
href =#>
修改密码
<类退出样式游标:指针
href =#
>退出
2.js控制:
功能下拉菜单(obj){
$(obj)。每个(函数(){)
全长= $(this)功;
VaR菜单= thespan.find(。降);
无功tarheight = themenu.height();
themenu.css({身高:0,不透明度:0 });
VaR T1;
函数展开(){
ClearTimeout(T1);
/ / thespan.find('a')。AddClass(选择);
themenu.stop(),(),动画({身高:tarheight,不透明度:1 },200);
}
函数崩溃(){
ClearTimeout(T1);
T1 = setTimeout(){()函数(
/ / thespan.find('a')。RemoveClass(选择);
themenu.stop()。动画({身高:0,不透明度:0 },200、函数()){
$(this)Css({;
});
},250);
}
thespan.hover(扩大,崩溃);
themenu.hover(扩大,崩溃);
});
}
<类别>传递样式光标:指针
href =#>
修改密码
<类退出样式游标:指针
href =#
>退出
2.js控制:
功能下拉菜单(obj){
$(obj)。每个(函数(){)
全长= $(this)功;
VaR菜单= thespan.find(。降);
无功tarheight = themenu.height();
themenu.css({身高:0,不透明度:0 });
VaR T1;
函数展开(){
ClearTimeout(T1);
/ / thespan.find('a')。AddClass(选择);
themenu.stop(),(),动画({身高:tarheight,不透明度:1 },200);
}
函数崩溃(){
ClearTimeout(T1);
T1 = setTimeout(){()函数(
/ / thespan.find('a')。RemoveClass(选择);
themenu.stop()。动画({身高:0,不透明度:0 },200、函数()){
$(this)Css({;
});
},250);
}
thespan.hover(扩大,崩溃);
themenu.hover(扩大,崩溃);
});
}
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。