2 cshmicky cshmicky 于 2017.01.11 03:45 提问

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

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');
});

2个回答

dabocaiqq
dabocaiqq   2017.01.14 22:56
wangchuitong
wangchuitong   2017.02.14 17:15

直接给元素加个属性判断
$(".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;');
});

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!