jQuery qtip小试

由于要做一些稍微好看点儿的浮动层，就想起了jQuery qtip插件。小试了下：

首先，引入2个js文件：

    <script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script src="../Scripts/jquery.qtip.js" type="text/javascript"></script>

然后，小测如下：

        $(function () {
            $('a').qtip(
            {
                content: {
                    title: {
                        text: '简介',
                        button: '<a class="tips">关闭</a>'
                    },
                    text: '<div><dl>苏州小巷：</dl><dl><dd>古典</dd><dd>婉约</dd><dd>雅致</dd></dl></div>'
                },
                position: {
                    corner: {
                        target: 'bottomLeft',
                        tooltip: 'topRight'
                    }
                },
                style: {
                    width: {
                        min: 200
                    },
                    tip: 'topRight',
                    name: 'cream'
                },
                show: {
                    solo: true
                },
                hide: false
            });
        });
 

贴张效果图：