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

收藏

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

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

提示层标题html代码

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