Php Jquery滑动框，鼠标悬停在问题上

当我试图为我的游戏缩略图实现带有jQuery鼠标悬停效果的滑动框和标题时。每当我将鼠标移到缩略图上时，标题就会出现，当我取下鼠标指针时，标题就会消失。我已经实现了它，但遇到了一个小问题

jquerymouse-over的问题是，当页面第一次被加载时，mouse-over div没有将鼠标移到页面上，而我不想让鼠标移到页面上，而我希望每当用户将鼠标指针移到缩略图上时，jQuery效果就会出现。请参阅下面的代码片段

参考：（）请参阅新游戏部分

代码：

*{填充：0px；边距：0px；}
a{color:#00c415；}
h5{
利润率：10px 10px 0 10px；
颜色：#FFF；
字体：13pt Segoe打印；
字母间距：-1px；
字体大小：粗体；}
.boxgrid{
/*宽度：325px；
高度：260px*/
宽度：160px；
高度：117px；
边缘顶部：10px；
左边距：4倍；
浮动：左；
背景：#161613；
溢出：隐藏；
位置：相对位置；
}
.boxgrid img{
位置：绝对位置；
排名：0；
左：0；
边界：0；
}
.boxgrid p{
填充：0 10px；
颜色：#afafaf；
字体大小：粗体；
字体：10pt“Lucida Grande”，Arial，无衬线；
}
.boxcaption{
浮动：左；
位置：绝对位置；
背景：#000；
高度：117px；
宽度：100%；
不透明度：.8；
/*对于IE 5-7*/
过滤器：progid:DXImageTransform.Microsoft.Alpha（不透明度=80）；
/*对于IE 8*/
-MS过滤器：“progid:DXImageTransform.Microsoft.Alpha（不透明度=80）”；
}
.caption.full.boxcaption{
排名：117；
左：0；
}
.caption.boxcaption{
排名前100名；
左：0；
}
$（文档）.ready（函数（）{
$（'.boxgrid.captionfull'）。悬停（函数（）{
$（“.cover”，this.stop（）.animate（{top:'1px'}，{queue:false，duration:160}）；
}，函数（）{
$（“.cover”，this.stop（）.animate（{top:'117px'}，{queue:false，duration:160}）；
});
});
xxxxxxxx

在您的代码中，我编辑了一些内容-

  <script type="text/javascript">
       $(document).ready(function(){
$('.cover').hide(this);
    $('.boxgrid.captionfull').hover(function(){

    $(".cover", this).show().stop().animate({top:'1px'},{queue:false,duration:160});
    }, function() {
    $(".cover", this).show().stop().animate({top:'117px'},{queue:false,duration:160});
});
});
    </script>

$（文档）.ready（函数（）{
$（'.cover'）。隐藏（此）；
$（'.boxgrid.captionfull'）。悬停（函数（）{
$（“.cover”，this.show（）.stop（）.animate（{top:'1px'}，{queue:false，duration:160}）；
}，函数（）{
$（“.cover”，this.show（）.stop（）.animate（{top:'117px'}，{queue:false，duration:160}）；
});
});

这是一把活小提琴-

---

实际上，鼠标盖现在根本不工作。如果我添加此代码。鼠标悬停div将永久隐藏。

  <script type="text/javascript">
       $(document).ready(function(){
$('.cover').hide(this);
    $('.boxgrid.captionfull').hover(function(){

    $(".cover", this).show().stop().animate({top:'1px'},{queue:false,duration:160});
    }, function() {
    $(".cover", this).show().stop().animate({top:'117px'},{queue:false,duration:160});
});
});
    </script>