qtip演示4种不同的文字提示

qtip简单的4种经典的页面浮动提示框，通过鼠标滑过或点击触发浮动提示框，类似新浪微波滑过图片异步加载ajax提示框具体信息，而且支持文字或图片提示层。

淘建站为您提供更多_悬浮层/弹出层_悬浮层_新浪_提示层，在此特别感谢您对我们的支持与厚爱！

提示层标题html代码

<a class="nameInfo" title="如穴居猫头鹰" href="http://www.sucaiq.com/" rel="images/0.jpg">如穴居猫头鹰</a>

$('.nameInfo').each(function() {
    // 设置提示的内容
    $(this).qtip({
        content: $('<img />').attr("src", $(this).attr('rel')),
        position: {
            corner: {
                tooltip: 'bottomMiddle',
                target: 'topMiddle'
            }
        },
        style: {
            tip: true, // 给它一个语音气泡提示与自动角点检测
            name: 'cream'
        }
    });
});