评论：jQuery图片轮播加悬停效果  [查看原文]

有个小BUG，就是鼠标指上去，黑色半透明遮罩层出现有时候有动画效果 有时候没有！

赞

为什么鼠标滑入轮播不停止，

正在加载0
2016/11/3 16:11:22
你开心就好。北京还不开暖气，伐开心

    /* 图片滚动效果 */
    jQuery(".mr_frbox").slide({
        titCell: "",
        mainCell: ".mr_frUl ul",
        autoPage: false, 
        effect: "leftLoop",
        autoPlay: true,
        vis: 4
    });
    /* 鼠标悬停图片效果 */
    jQuery(".mr_zhe_hover").css("top", jQuery('.mr_zhe').eq(0).height());
    jQuery("ul#mr_fu li").mouseout(function (e) {
		jQuery(".mr_zhe_hover img").eq(jQuery(".mr_zhe").index(this)).css({"position":"relative","bottom":""});
        //if ((e.pageX < jQuery(this).offset().left || e.pageX > (jQuery(this).offset().left + jQuery(this).width())) || (e.pageY < jQuery(this).offset().top || e.pageY > (jQuery(this).offset().top + jQuery(this).height()))) {
            //jQuery(".mr_zhe_hover img").eq(jQuery(".mr_zhe").index(this)).css({"position":"","bottom":""});
            jQuery(this).find('.mr_zhe_i').show();
            jQuery(this).find('.mr_zhe_hover').hide().stop().animate({ top: '190px' }, { queue: false, duration: 190 });
            return false;
        //} 这段如果不注释会导致无法隐藏
 
    });
    jQuery('.mr_zhe').mouseover(function (event) {
        jQuery(".mr_zhe_hover img").eq(jQuery(".mr_zhe").index(this)).css({"position":"relative","bottom":"190px"});
        //jQuery(".mr_zhe").index(this)为当前选中的元素
        jQuery(this).find('.mr_zhe_i').hide();
        jQuery(this).find('.mr_zhe_hover').show().stop().animate({ top: '190px' }, { queue: false, duration: 190 });
        return false;
    });

一朵花的价值1
2017/11/27 11:04:38

$(".mr_frbox").slide({
    titCell: "",
    mainCell: ".mr_frUl ul",
    autoPage: true,
    effect: "left",
    autoPlay: true,
    pnLoop: false,
    vis: 6
});