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

所属分类:UI-工具提示

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

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

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

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

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

仿win10侧边滑出提示框

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

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