Skip to content

Commit ea84b3b

Browse files
object505object505
committed
v1.0.2 Added css3 Animations
v1.0.2 Added css3 Animations
1 parent 8987d72 commit ea84b3b

9 files changed

+3549
-42
lines changed

‎README.md

+23-16
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,11 @@ A Lightweight Responsive jQuery Tooltip Plugin
2626
<link rel="stylesheet" href="/path/to/tipso.css">
2727
<script src="/path/to/tipso.js"></script>
2828
```
29+
To use css3 animation effects please include [Animate.css](http://daneden.github.io/animate.css)
30+
31+
```html
32+
<link rel="stylesheet" href="/path/to/animate.css">
33+
```
2934

3035
3. Call the plugin
3136

@@ -35,22 +40,24 @@ A Lightweight Responsive jQuery Tooltip Plugin
3540

3641
##Usage
3742

38-
| Name | Default | Description |
39-
|----------------|--------------|---------------------------------------------------------------------------------------|
40-
| speed | 400 | integer - Duration of the fade effect in ms |
41-
| background | '#55b555' | Background color of the tooltip, it can be hex, rgb, rgba, color name |
42-
| color | '#ffffff' | Text color of the tooltip, it can be hex, rgb, rgba, color name |
43-
| position | 'top' | Initial position of the tooltip, available positions 'top', 'bottom', 'left', 'right' |
44-
| width | 200 | Width of the tooltip in px |
45-
| delay | 200 | Delay before showing the tooltip in ms |
46-
| offsetX | 0 | Offset value of the tooltip on X axis |
47-
| offsetY | 0 | Offset value of the tooltip on Y axis |
48-
| content | null | The content of the tooltip, can be text, html or whatever you want |
49-
| ajaxContentUrl | null | Url for Ajax content |
50-
| useTitle | true | To use the default title attribute as content (true,false) |
51-
| onBeforeShow | function(){} | Function to be executed before tipso is shown |
52-
| onShow | function(){} | Function to be executed after tipso is shown |
53-
| onHide | function(){} | Function to be executed after tipso is hidden |
43+
| Name | Default | Description |
44+
|----------------|--------------|-----------------------------------------------------------------------------------------------------|
45+
| speed | 400 | integer - Duration of the fade effect in ms |
46+
| background | '#55b555' | Background color of the tooltip, it can be hex, rgb, rgba, color name |
47+
| color | '#ffffff' | Text color of the tooltip, it can be hex, rgb, rgba, color name |
48+
| position | 'top' | Initial position of the tooltip, available positions 'top', 'bottom', 'left', 'right' |
49+
| width | 200 | Width of the tooltip in px |
50+
| delay | 200 | Delay before showing the tooltip in ms |
51+
| animationIn | 'fadeIn' | CSS3 animation effect to show the tooltip using [Animate.css](http://daneden.github.io/animate.css) |
52+
| animationOut | 'fadeOut' | CSS3 animation effect to hide the tooltip using [Animate.css](http://daneden.github.io/animate.css) |
53+
| offsetX | 0 | Offset value of the tooltip on X axis |
54+
| offsetY | 0 | Offset value of the tooltip on Y axis |
55+
| content | null | The content of the tooltip, can be text, html or whatever you want |
56+
| ajaxContentUrl | null | Url for Ajax content |
57+
| useTitle | true | To use the default title attribute as content (true,false) |
58+
| onBeforeShow | function(){} | Function to be executed before tipso is shown |
59+
| onShow | function(){} | Function to be executed after tipso is shown |
60+
| onHide | function(){} | Function to be executed after tipso is hidden |
5461

5562
> Additionaly you can use `data-tipso` instead of the title attribute for the tooltip content ( set `useTitle: false` )
5663

‎bower.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "tipso",
3-
"version": "1.0.1",
3+
"version": "1.0.2",
44
"description": "A Lightweight Responsive jQuery Tooltip Plugin",
55
"main": ["src/tipso.min.js", "src/tipso.css"],
66
"keywords": [

0 commit comments

Comments
 (0)