我在 jquery 循环幻灯片放映中有一个透明的 png。在翻转时,它从图像 A 淡入到 B。在鼠标移出时,它返回到 A。但是,它不会在之后的任何翻转中重复这种淡入淡出。对此有什么想法吗? 谢谢
<script type="text/javascript">
$(document).ready(function(){
$('#picroll').cycle({
timeout:.2,
delay: 0,
fx: 'fade',
continuous: false,
speed: 300,
autostop: 1
}).cycle("pause").hover(function() {
$(this).cycle('resume');
},function(){
$(this).cycle('pause');
$(this).cycle('resume');
})
.mouseleave(function(){
$(this).cycle(0, 'fade').cycle('play');
});
});
</script>
<div id="picroll"><a href="#"><img src="images/group/PictureA.png" width="114" height="330"/>
<img src="images/group/PictureB.png" width="114" height="330" /></div>
最佳答案
改用这个:
$("#picroll").mouseover('
$("#picroll:nth-child(1)").fadeOut(500);
$("#picroll:nth-child(2)").fadeIn(500);
');
$("#picroll").mouseout('
$("#picroll:nth-child(1)").fadeIn(500);
$("#picroll:nth-child(2)").fadeOut(500);
');
关于Jquery 循环插件 - Hover/Mouseout Slideshow,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12676690/