纯CSS提示工具 Tooltips.css

MIT
HTML/CSS
跨平台
2016-04-13
同一种调调

stylus css tooltips 纯css提示工具。

演示

安装

npm install tooltips --save

使用

在 stylus 中使用

@import "node_modules/tooltips"

常规使用方法

直接在页面中引用tooltips.min.css

<link rel="stylesheet" href="tooltips.min.css">
<span data-tooltips="我是提示" data-tooltips-pos="up">tooltips</span>

在页面中使用

<button data-tooltips="top" class="tooltips-top">top</button>
<button data-tooltips="bottom" class="tooltips-bottom">bottom</button>
<button data-tooltips="left" class="tooltips-left">left</button>
<button data-tooltips="right" class="tooltips-right">right</button>
<button data-tooltips="bottom-left" class="tooltips-bottom-left">bottom-left</button>
<button data-tooltips="bottom-right" class="tooltips-bottom-right">bottom-right</button>
<button data-tooltips="top-right" class="tooltips-top-right">top-right</button>
<button data-tooltips="top-left" class="tooltips-top-left">top-left</button>

<button class="tooltips-top  tooltips-small"  data-tooltips="small工具提示">Small</button>  
<button class="tooltips-top  tooltips-medium"  data-tooltips="medium工具提示!!!!!!!">Medium</button>
<button class="tooltips-top  tooltips-large"  data-tooltips="large工具提示!!!!!!!">Large</button>   
<button class="tooltips-bottom  tooltips-always" data-tooltips="...还可以这样提示">还可以这样提示</button>

开发

$ npm run build
$ npm run watch
加载中

评论(1)

同一种调调
同一种调调
good

暂无资讯

暂无问答

你可能还不知道的7个jQuery插件

Spin.js Spin.js是一个用于创建过程进度提醒控件的框架,使用CSS3来渲染UI,当浏览器不支持时,采用VML支持。不需要图片,没有外部CSS,没有依赖其它框架。高度可配置,分辨率无关,兼容所有...

2015/07/25 13:15
36
0
BOOK STORE OPENCART 主题模板 ABC-0098

BOOK STORE OPENCART 主题模板 ABC-0098

2015/03/28 14:58
56
0
Grocery Store OpenCart 自适应主题模板 ABC-0327

Grocery Store OpenCart 自适应主题模板 ABC-0327

2015/04/23 19:51
47
0
FRUIT GIFTS STORE OPENCART 自适应主题模板 ABC-0324

FRUIT GIFTS STORE OPENCART 自适应主题模板 ABC-0324

2015/04/22 22:19
60
0
MOVIE STORE OPENCART 自适应主题模板 ABC-0249

MOVIE STORE OPENCART 自适应主题模板 ABC-0249

2015/04/20 20:36
110
0
COMPUTER HARDWARE OPENCART 主题模板 ABC-0059

COMPUTER HARDWARE OPENCART 主题模板 ABC-0059

2015/07/22 18:28
43
0
25个免费及收费CSS3的导航菜单

免费的 CSS3 导航和菜单 How to spice up your menu with CSS3 Blur Menu with CSS3 Transitions Creative CSS3 Animation Menus Pure CSS DropDown Menu Dark Menu: Pure CSS3 Two Level Me...

2012/03/02 22:10
1K
0
Movie Store OpenCart 自适应主题模板 ABC-0249

Movie Store OpenCart 自适应主题模板 ABC-0249

2015/04/24 18:20
25
0
全屏滚动插件pagePiling.js

全屏滚动效果是最近非常流行的网页设计形式,带给用户良好的视觉和交互体验。pagePiling.js 这款 jQuery 插件可以帮助前端开发人员轻松实现这种效果。支持所有的主流浏览器,包括IE8+,支持移...

2016/04/07 14:30
13
1

没有更多内容

加载失败,请刷新页面

返回顶部
顶部