fadeOut,fadeIn方法加入执行速度
另外要淡入的元素初始状态必须是隐藏的
function PIC(i){
$afadeOut(500);
$aeq(i)fadeIn(500);
$iremoveClass("ii");
$ieq(i)addClass("ii");
}
//原理:在mouseover和mouseout分别设定一个时间(你的要求为1s),在各自状态下清除另一个状态设定的时间;
thisimagePreview = function(){
var hoverTimer, outTimer;
$("apreview")hover(function(e){
clearTimeout(outTimer);
hoverTimer = setTimeout(function(){
$("body")append("<div id='preview'><img src='images/chaoshi-gkjpg'></div>");
$("#preview")
fadeIn("slow");
},1000);
},
function(){
clearTimeout(hoverTimer);
outTimer = setTimeout(function(){
$("#preview")fadeOut("fast");
},1000);
});
};
// 页面加载完执行
$(document)ready(function(){
imagePreview();
});
这是因为当转回第一个(即count=0)时,siblings('li')是不存在的(第一个元素不可能再有上一个元素了),所以fadeout效果也就没了。你应该在count=0的时候单独处理这个情况,即把siblings换为last
欢迎分享,转载请注明来源:品搜搜测评网