注册    登录
最新消息: 本以为花钱买了那个amh的板面可以让网站更稳定,结果搞得整 个网站运行出错,真是赔了夫人又折兵,对不起大家了。最新版jquery-2.1.1下载  ,在线的 jquery API使用手册, 稳定版jquery.mobile-1.3.2下载

jQuery自定义工具提示插件DarkTooltip

jQuery插件 fishcity 969浏览

很棒的一款基于jquery的提示插件,自带了许多提标样式,也可通过CSS自定义,功能非常强大,体验性很好,同学有福了,赶紧来试下吧。

引入核心文件

<link rel="stylesheet" href="darktooltip.css">
<script src="jquery-1.10.2.min.js"></script>
<script src="jquery.darktooltip.js"></script>

构建html代码

<div style="padding:200px;">
    <a href="#" id="example" data-tooltip="Hello world 1">Example 1</a>
    <a href="#" id="light" data-tooltip="Hello world 2">Example 2</a>
</div>

写入JS,调用插件,实现效果

$(document).ready( function(){
     
    //Basic
    $('#example').darkTooltip();
     
    //With some options
    $('#light').darkTooltip({
        animation:'flipIn',
        gravity:'west',
        confirm:true,
        theme:'light',
        trigger:'click'
    });
});

选项

opacity 透明度 0-1 0.9 

content Tooltip message 工具提示消息 空 

size    small, medium, large 小型、 中型、 大型 介质 

gravity south, west, north, east 重力 南、 西、 北、 东 南 

theme   主题   dark, light 暗,光 黑暗 

trigger 触发器 hover, click 将鼠标悬停,请单击 悬停 

animation 动画 无,flipIn,fadeIn false 

confirm 确认 为 true,false false 

yes   是 标签为 Yes 选项的 ' 是 ' 

no   '没有' 选项标签 否 

finalMessage 在确认的操作结束时显示的消息 '' 

转载请注明:jQ酷 » jQuery自定义工具提示插件DarkTooltip

下载地址:本站下载 | 百度云
下载说明:
☉如果您发现本文件已经失效不能下载,请联系站长修正!
☉如果您下载的文件出现解压不了或文件受损等情况,请选择其他下载点重新下载。
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉有小部分资源需要解压密码,请输入:jqcool.net。
☉本站提供的所有资源仅供学习研究与参考,请勿用于商业用途。