如何在javascript中摆脱鼠标悬停时的闪烁文本。我编辑了持续时间的数量,但没有任何不同。对我来说,它看起来并不顺利。我是一个新的网络开发人员,不确定javascript代码中的哪些内容需要正确编辑。顺便说一下,我想要实现的是当页面首次加载时,文本将被隐藏,直到鼠标悬停,2行将被显示,onmouseout文本将再次消失(闪烁文本一直出现在onmouseover),然后当onclick to打电话给另一个功能,fancybox。
<script type="text/javascript">
$(document).ready(function(){
$(".msg-link").hover(
function(){
var id = $(this).data("id");
if(id!==undefined){
$("#" + id).show();
}
$("#textMessages").show();
},function(){
$("#textMessages").hide();
$(".hidden").hide();
});
});
function ShowHide() {
alert('here');
$("#textMessages").animate({
"height": "toggle"
}, {
duration: 1000
});
}
</script>
<div>
<img class="msg-link" data-id="test" src="1.png" alt="" />
<p id="textMessages">test<br />
<a class="hidden" id="test" href="1.png" rel="group1" title="example title text">More View</a>
<a class="hidden" id="koya" href="2.png" rel="group1" title="more text right here"></a>
</p>
</div>
答案 0 :(得分:0)
听起来这是一个动画集中的问题,你想要一个流畅的显示/隐藏类型的动画? Imo你实际上应该使用fadeIn或fadeOut来获得最终的平滑度。但你可以在show()hide()上设置时间,如果这是你真正喜欢的...或者你可以结合fadein并改变父元素的高度,这样它会给出一些开放效果但不会出现锯齿状缩放从左右效果。
(+)向父div添加了一个“id”,当你滚动图像时,你可能不希望链接消失。如果你花了很多力气来展示它。
我修改了mrtsherman的例子到我想你想说的话。我确信它可能会像你想要的那样有点动态。但这是我假设的动画或效果问题?正确?