jquery-EasyUI---tooltip提示框的使用

提示框tooltip的使用

1、标签实现

<a href="#" title="This is the tooltip message" class="easyui-tooltip">Hover me</a>

2、html+js

1 <a id="tool-tip" href="javascript:void(0)">Click here</a>

js:

$('#tool-tip').tooltip({   
             position: 'right',
             content: '<span style="color:#fff">This is the tooltip message.</span>',
             trackMouse:true,//允许提示框跟着鼠标移动 false default
             onShow: function(){  
                   $(this).tooltip('tip').css({  
                             backgroundColor: '#666', 
                             borderColor: '#666'     
                               }); 
                            }
            });

至此 BASE基础已学习完毕！！！！

转载于:https://www.cnblogs.com/knightshibiao/p/3826611.html