来源:自学PHP网 时间:2015-04-14 14:50 作者: 阅读:次
[导读] Tooltipster是一个轻量级的jQuery工具提示插件,可以快速的帮助你生成漂亮的工具提示。 主要特性 工具提示支持HTML标签内容 轻量级 灵活高效 样式定义简单,100......
Tooltipster是一个轻量级的jQuery工具提示插件,可以快速的帮助你生成漂亮的工具提示。 主要特性 工具提示支持HTML标签内容 轻量级 灵活高效 样式定义简单,100%的CSS 支持3种主题 支持firefox,Chrome,IE7/8/9,Opera,Safari 如何使用 HTML <h1 class="tooltip" title="This is my image's tooltip message!">Click here</h1> Javascript $('.tooltip').tooltipster({ animation: 'slide', // Default: fade arrow: true, // Default: true arrowColor: '', // Default: tooltip's background color delay: 200, // Default: 200 fixedWidth: 400, // Default: 0 followMouse: true, // Default: false offsetX: 0, // Default: 0 offsetY: 0, // Default: 0 overrideText: '', // Default: '' position: 'bottom-right', // Default: top speed: 500, // Default: 100 timer: 0, // Default: 0 tooltipTheme: '.my-custom-theme' // Default: '.tooltip-message' }); 使用非常简单,希望大家喜欢! 来源:轻量级工具提示jQuery插件 - Tooltipster |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com