第一种:
效果:
html代码:
- 不需要js代码,显示的是title中的内容。
<div> <a href="#" title="This is the tooltip message." class="easyui-tooltip">Hover me 01</a> </div>
第二种:
效果:
html代码:
<div> <a id="dd" href="javascript:void(0)" >Hover here 02</a> </div>
JS代码:
- position string 消息框位置。可用值有:"left","right","top","bottom" bottom 。
- content string 消息框内容。
- onShow e 在显示提示框的时候触发。
$(function () { $('#dd').tooltip({ position: 'right', content: '<span style="color:#fff">This is the tooltip message.</span>', onShow: function () { $(this).tooltip('tip').css({ backgroundColor: '#666', borderColor: '#666' }); } }); })