关于轻量级工具提示jQuery插件-Tooltipster

2024-04-10    分类： 网站建设

Tooltipster是一个轻量级的jQuery工具提示插件，可以快速的帮助你生成漂亮的工具提示。

主要特性

工具提示支持HTML标签内容

轻量级

灵活高效

样式定义简单，100%的CSS

支持3种主题

支持firefox，Chrome，IE7/8/9，Opera，Safari

如何使用

HTML

<h1 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
网址分享：https://www.cdcxhl.com/news27/323127.html

成都网站建设公司_创新互联，为您提供网站制作、ChatGPT、云服务器、网站收录、面包屑导航、网站设计

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

成都做网站

网站建设知识

同城分类信息