使用jquery对html默认的title进行美化,仿tooltip
我们经常会用到鼠标移入显示全部信息功能,很多人会用bootstrap的tooltip.js插件,但如果不是bootstrap框架,要在项目里引入整个bs框架过于臃肿,其他独立的tooltip插件大部分兼容性不好,代码工坊小编采用html属性中的title字段进行美化来实现tooltip的效果,并且可以跟随鼠标自由移动,实现较好的移入弹出效果,同时具有边缘碰撞躲避功能。
注:使用此代码前需要先引入jquery。
代码内容:
调用方式:
默认调用:
调用不跟随鼠标移动:
指定样式:
指定内容: