Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/csharp-4.0/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery和Jquery UI鼠标悬停/鼠标悬停闪烁问题_Jquery_Jquery Ui_Mouseover_Mouseout - Fatal编程技术网

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;
文本对齐:对齐;
}

  • 简短描述

  • 简短描述


谢谢!工作成绩很好。