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();
}) })
上一篇:Linux性能优化 第一章 性能追踪建议


下一篇:day05-列表类型