Jquery和Jquery UI鼠标悬停/鼠标悬停闪烁问题
Jquery和Jquery UI鼠标悬停/鼠标悬停闪烁问题,jquery,jquery-ui,mouseover,mouseout,Jquery,Jquery Ui,Mouseover,Mouseout,$(文档).ready(函数(){ $(“.desc”).hide(); $(“.products li”).mouseover(函数(){ $(this.find('.desc').show(“淡入”); }); $(“.products li”).mouseout(函数(){ $(“.desc”).hide(“褪色”); }); }); .products li{ 宽度:300px; 高度:300px; 边框:1px实心#808080; 显示:内联块; 保证金:5px; 过渡:高度0.5s
$(文档).ready(函数(){
$(“.desc”).hide();
$(“.products li”).mouseover(函数(){
$(this.find('.desc').show(“淡入”);
});
$(“.products li”).mouseout(函数(){
$(“.desc”).hide(“褪色”);
});
});
.products li{
宽度:300px;
高度:300px;
边框:1px实心#808080;
显示:内联块;
保证金:5px;
过渡:高度0.5s;
填充:0px;
溢出:隐藏;
背景尺寸:300px;
左边距:-15px;
右边距:25px;
}
.产品说明{
背景:#e4;
宽度:280px;
高度:100px;
边际:0px;
填充物:5px;
位置:相对位置;
顶部:200px;
左侧填充:10px;
右边填充:10px;
文本对齐:对齐;
}
简短描述
简短描述
使用mouseenter()
和mouseleave()
关于jQuery事件:
$(文档).ready(函数(){
$(“.desc”).hide();
$(“.products li”).mouseenter(函数(){
$(this.find('.desc').show(“淡入”);
});
$(“.products li”).mouseleave(函数(){
$(“.desc”).hide(“褪色”);
});
});代码>
.products li{
宽度:300px;
高度:300px;
边框:1px实心#808080;
显示:内联块;
保证金:5px;
过渡:高度0.5s;
填充:0px;
溢出:隐藏;
背景尺寸:300px;
左边距:-15px;
右边距:25px;
}
.产品说明{
背景:#e4;
宽度:280px;
高度:100px;
边际:0px;
填充物:5px;
位置:相对位置;
顶部:200px;
左侧填充:10px;
右边填充:10px;
文本对齐:对齐;
}
简短描述
简短描述
谢谢!工作成绩很好。