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

所属分类:UI-工具提示

 22337  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插件创建的。 它可以显示工具提示右,左,顶部或底部的元素。 也可以使用彩色工具提示样式。
  工具提示
 33868  312

仿win10侧边滑出提示框

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

按首字母搜索(仿携程)

城市查找按首字母搜索(仿携程)
  工具提示
 40923  435

jq 提示插件

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

讨论这个项目(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。 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复