离开hover的响应事件

离开hover的响应事件

使用jQuery的hover

//下单页,"产品说明"事件
            var $product_desc=$('.product-desc');
            $product_desc.hover(function (e) {
                var $a=$(this).find('a.dropdown,a.pullup');
                var $spacer = $a.next();
                $spacer.show();
                if($a.hasClass('dropdown')){
                    $a.removeClass('dropdown').addClass('pullup').addClass('border');
                    $spacer.next().fadeIn('fast', function () {
                        $spacer.show();
                    });
                }else{
                    $a.removeClass('pullup').addClass('dropdown').removeClass('border');
                    $spacer.next().fadeOut('fast', function () {
                        $spacer.hide();
                    });

                }

                // bindPullup();
            });

离开hover的响应事件_第1张图片

使用mouseleave

$(function () {
    //鼠标离开区域时触发
    $helptxtCompName=$('.help-txt-compName');
    $helptxtCompName.mouseleave(function (e) {
        $(this).hide()
    })
})

你可能感兴趣的:(javascrpit)