jQuery提示插件jQuery.toolTip.js

所属分类:UI-工具提示

 6869  19  查看评论 (2)
jQuery提示插件jQuery.toolTip.js ie兼容8

使用方法

页面中 导入css和js文件

<link rel="stylesheet" href="css/jQuery.toolTip.css" media="screen" />
<script type="text/javascript" src="js/jQuery.toolTip.js"></script>

在初始化页面时加载

$('.tooltip').toolTip();

在使用title属性的元素中 加入class="tooltip"

<a href="" class="tooltip" title="<img src='images/user.png'><br/> wahahaha<br/><h1>真、善、忍</h1>">

OK !


相关插件-工具提示

jQuery工具提示插件zebra_tooltips

zebra_tooltips用于创建简单而聪明工具提示插件,特点轻量级、高度可配置。
  工具提示
 18994  8

超棒的悬浮层式的页面元素注解jQuery插件 - Chardin.js

还记得我们以前分享的超酷悬浮覆盖式的注释效果吗?今天这里我们分享一个能够帮助你快速的生成类似页面注释效果的jQuery插件 - Chardin.js
  工具提示
 14371  34

html5 svg弹性的小工具提示框

html5 svg弹性的小工具提示框动画特效,不兼容ie浏览器
  工具提示
 1906  34

jQuery描述插件

一个简单的描述插件。
  工具提示
 8469  2

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币

    dkkwhdq 0
    2017/11/7 15:00:28

    这个插件有个小问题,特意登陆评论一下。

    “当title内是纯字母或纯数字,过多且中间没有空格时,内容会超出底层的黑色方框”
    
    相信作者是以‘空格’来区分换行的,
    
    <a href="#" class="tooltip" title="Straight to your inbox  Be the first to Straight to your inbox  00000000000000000000000000000018888888888" >RSS FEED</a>
    
     <a href="#" class="tooltip" title="Straight to your inbox  Be the first to Straight to your inbox  aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaa" >RSS FEED</a>

    现在项目中有个title需要提示纯单号的需求,所以发现了这个问题,有望作者能够尽快修复。

    其余挺好用,支持一下,不错!

    回复
    Thάnαtος 0
    2017/7/25 0:32:02

    如果能做上弹出窗体边缘与window窗口边缘的碰撞判断,那就非常完美了

    回复
取消回复