Jquery实现鼠标hover图片遮罩弹出提示层特效

1、引入JS文件和所需要的样式文件

2、简单的写上以下18行代码就可以实现了

$(document).ready(function() {
 
    $("div.tip_trigger a.img").hover(function() {
 
        $(this).parent('div.tip_trigger').css({
 
            'background': '#8de08b',
 
            'z-index': ''
 
        });
 
        $('#h_coolsite .block').show();
 
        tip = $(this).siblings('.tip');
 
        tip.show();
 
    },
    function() {
 
        $(this).parent('div.tip_trigger').css({
 
            'background': 'none',
            'z-index': ''
 
        });
        $('#h_coolsite .block').hide();
 
        tip.hide();
    })
 
})