首页 > 其他 > 详细

easyui 实现Tooltip

时间:2014-08-04 21:12:48      阅读:630      评论:0      收藏:0      [点我收藏+]
$(‘#btnAddr‘).tooltip({
            content: $(‘<div class="table"></div>‘), //弹出收件地址
            showEvent: ‘mouseover‘,
            onUpdate: function (cc) {
                cc.panel({
                    width: 650,
                    border: false,
                    href: ‘/Client/ClientAddressInfo?clientID=‘ + $("#ClientID").val()
                });
            },
            onShow: function () {
                var t = $(this);
                t.tooltip(‘tip‘).unbind().bind(‘mouseover‘, function () {
                    t.tooltip(‘show‘);
                }).bind(‘mouseleave‘, function () {
                    t.tooltip(‘hide‘);
                });
            }
        });
<a href="javascript:void(0)" class="btn"><span class="in">
                                        <input type="button" id="btnAddr" class=" easyui-tooltip" style="width: 80px" value="地址管理" /></span></a>

效果图:

bubuko.com,布布扣

easyui 实现Tooltip,布布扣,bubuko.com

easyui 实现Tooltip

原文:http://www.cnblogs.com/honghong75042/p/3890749.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!