如何让hover只触发一次并且失效

li:hover .goods_txt1{-moz-animation:goods_txt1 8s ease-in-out forwards;}
@-webkit-keyframes goods_txt1{
to{
bottom:0px;
}
from{
bottom:0px;
}

}
css acfun的怨念的主页 acfun的怨念 | 初学一级 | 园豆：142
提问于：2017-01-10 17:28

问题补充：
$(".cabinet ul li ").mouseover(function(){
var $index=$(this).index();
$(".goods_txt1").eq($index).css('bottom;',' 0px;');
});
$(".cabinet-ul:eq(0) li a").mouseover(function(){
var $indexs=$(this).index();
$(".boxtc-goods-li:eq(0) li .goods_txt1").eq($indexs).css('bottom','0px');
});
$(".cabinet-ul:eq(1) li a").mouseover(function(){
var $indexss=$(this).index();
$(".boxtc-goods-li:eq(1) li .goods_txt1").eq($indexss).css('bottom','0px');
});

http://blog.csdn.net/gmd_web/article/details/50196575

直接给元素加个属性判断
$(".cabinet ul li ").mouseover(function(){
var bol=$(this).attr('active');//获取元素的active属性
if(bol){//如果bol存在，直接返回，不执行下面操作
return;
}
$(this).attr('active',true);//设置属性值，让下次hover不执行下面代码
var $index=$(this).index();
$(".goods_txt1").eq($index).css('bottom;',' 0px;');
});