我有一个 span 元素,我想让它从不显示淡入。 淡出效果很好,但淡入效果不佳,
这是 span 元素的 css:
$(".button_5").hover(function () {
$(".box5 span.info").fadeIn();
});
//The fade out just works fine:
$(".button_5").hover(function () {
$(".box5 span.info").fadeOut();
});
.box5 span.info:before{
content:"15 vacatures";
margin:0;
padding:0 0 28px 0;
display:0;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<div class="col1">
<div class="button_5">
<div class="box5">
<br><br>
<span class="title"></span><br/>
<span class="info"></span>
</div>
</div>
</div>
最佳答案
您必须将 display: none
添加到您的 span.info
元素,以便淡入...
http://jsfiddle.net/oqfhuLzn/3/
.box5 span.info {
display: none;
}
关于javascript - Jquery:不能淡入 <span> 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25668261/