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

查看演示 下载资源 下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

提示层标题html代码

<a class="nameInfo" title="如穴居猫头鹰" href="http://www.sucaihuo.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'
        }
    });
});