jquery-ui 和bootstrap中tooltip.js分别使用方法

方法1.用jquery
引入jquery-ui-1.10.3.min.css 和jquery-ui-1.10.3.min.js
""
具备title属性即可。
显示效果:
jquery-ui 和bootstrap中tooltip.js分别使用方法_第1张图片
方法2.用bootstrap tooltip.js 注意引入包,由于是弹出框,有箭头,网上有去掉方法,需要读者可自己找。

  

出发图片的mouseover event

$(this).popover({trigger:'hover',placement:'right'});

显示效果:title内容会和“hellow world”结合

jquery-ui 和bootstrap中tooltip.js分别使用方法_第2张图片

方法3.用jquery中tooltip,但格式之类另设,在方法1简单的基础上: 详细用法描述jquery tooltip的Api

你可能感兴趣的:(tooltip.js,bootstrap,jquery)