jQuery替代浏览器自身的title插件jcTitle

所属分类:UI-工具提示

 21220  322  查看评论 (3)
分享到微信朋友圈
X
jQuery替代浏览器自身的title插件jcTitle ie兼容6

更新时间:2019/2/13 下午11:22:15

更新说明:修改了当页面有滚动条时,title提示框位置计算错误的Bug


jcTitle

替代浏览器自身的title,美观、小巧1KB不到、灵活、方便,依赖jquery库 浏览器边缘自动识别

引入

<link href="style/style.css" rel="stylesheet" />
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="script/jcTitle.min.js" charset="utf-8"></script>

开始使用

默认调用:

$('ul li').jcTitle();

指定参数调用:

$('ul li').jcTitle({follow:false});

指定样式:

$('('ul li').jcTitle({
    'font-size': 18,
    'border':'solid 3px red'
});

指定内容:

$('('p').jcTitle({
    content: '直接指定title内容,此时不管title标签有没有内容,都将会被忽略。'
});
相关插件-工具提示

jquery 工具提示插件awTooltip

awTooltip是一个工具提示插件,用css和jQuery插件创建的。 它可以显示工具提示右,左,顶部或底部的元素。 也可以使用彩色工具提示样式。
  工具提示
 33368  312

jq 提示插件

封装 jq 提示插件 Confirm ,兼容ie811chrome ff
  工具提示
 48962  407

超漂亮的placeholders提示

超漂亮的placeholders提示
  工具提示
 34162  394

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

一款腾讯UED设计的提示插件
  工具提示
 44655  435

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    aaronjiang 0
    2019/4/21 11:20:40
    能够动态绑定吗 回复
    光光900 1
    2019/2/9 1:00:23

    引入这个插件时,不需要引用css文件,样式是作为参数传入,或保持默认的。

    回复
    The lamb of God. 0
    2019/2/5 8:18:07
    ??赞一个,祝在座各位新年快乐,代码无BUG。 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复