jQuery提示插件jQuery.toolTip.js

所属分类:UI-工具提示

 8026  21  查看评论 (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 !


相关插件-工具提示

一款腾讯UED设计的提示插件

一款腾讯UED设计的提示插件
  工具提示
 14598  108

jquery自动关闭消息通知插件izitoast.js

iziToast.js是一款跨浏览器响应式消息通知插件。该消息通知插件体积小,使用简单。消息显示时带CSS3动画效果,时尚大方。
  工具提示
 7509  96

超漂亮的placeholders提示

超漂亮的placeholders提示
  工具提示
 11232  77

jq 提示插件

封装 jq 提示插件 Confirm ,兼容ie811chrome ff
  工具提示
 14867  86

讨论这个项目(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窗口边缘的碰撞判断,那就非常完美了

    回复
取消回复