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

所属分类:UI-工具提示

 19894  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标签有没有内容,都将会被忽略。'
});
相关插件-工具提示

仿win10侧边滑出提示框

一款模拟win10的消息提示框toastr
  工具提示
 29540  375

超漂亮的placeholders提示

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

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

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

按首字母搜索(仿携程)

城市查找按首字母搜索(仿携程)
  工具提示
 39352  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。 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复