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

所属分类:UI-工具提示

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

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

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

按首字母搜索(仿携程)

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

Metro风格的jQuery个性化消息提示插件

介绍一款Metro风格的消息提示框插件,插件是基于jQuery的,不仅拥有Metro哪种简单精巧的UI风格,而且兼容性也还不错。之前分享过一些基于jQuery和CSS3的提示框插件,比如HTML5CSS3弹出提示框,感兴趣的朋友也可以前往关注。
  工具提示
 30745  343

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