v1.0.2 Added css3 Animations

object505 · Feb 15, 2015 · ea84b3b · ea84b3b
1 parent 8987d72
commit ea84b3b
Show file tree

Hide file tree

Showing 9 changed files with 3,549 additions and 42 deletions.
diff --git a/README.md b/README.md
@@ -26,6 +26,11 @@ A Lightweight Responsive jQuery Tooltip Plugin
 	<link rel="stylesheet" href="/path/to/tipso.css">
 	<script src="/path/to/tipso.js"></script>
 	```
+To use css3 animation effects please include [Animate.css](http://daneden.github.io/animate.css)
+
+	```html
+	<link rel="stylesheet" href="/path/to/animate.css">	
+	```
 
 3. Call the plugin
 
@@ -35,22 +40,24 @@ A Lightweight Responsive jQuery Tooltip Plugin
 
 ##Usage
 
-| Name           | Default      | Description                                                                           |
-|----------------|--------------|---------------------------------------------------------------------------------------|
-| speed          | 400          | integer - Duration of the fade effect in ms                                           |
-| background     | '#55b555'    | Background color of the tooltip, it can be hex, rgb, rgba, color name                 |
-| color          | '#ffffff'    | Text color of the tooltip, it can be hex, rgb, rgba, color name                       |
-| position       | 'top'        | Initial position of the tooltip, available positions 'top', 'bottom', 'left', 'right' |
-| width          | 200          | Width of the tooltip in px                                                            |
-| delay          | 200          | Delay before showing the tooltip in ms                                                |
-| offsetX        | 0            | Offset value of the tooltip on X axis                                                 |
-| offsetY        | 0            | Offset value of the tooltip on Y axis                                                 |
-| content        | null         | The content of the tooltip, can be text, html or whatever you want                    |
-| ajaxContentUrl | null         | Url for Ajax content                                                                  |
-| useTitle       | true         | To use the default title attribute as content (true,false)                            |
-| onBeforeShow   | function(){} | Function to be executed before tipso is shown                                         |
-| onShow         | function(){} | Function to be executed after tipso is shown                                          |
-| onHide         | function(){} | Function to be executed after tipso is hidden                                         |
+| Name           | Default      | Description                                                                                         |
+|----------------|--------------|-----------------------------------------------------------------------------------------------------|
+| speed          | 400          | integer - Duration of the fade effect in ms                                                         |
+| background     | '#55b555'    | Background color of the tooltip, it can be hex, rgb, rgba, color name                               |
+| color          | '#ffffff'    | Text color of the tooltip, it can be hex, rgb, rgba, color name                                     |
+| position       | 'top'        | Initial position of the tooltip, available positions 'top', 'bottom', 'left', 'right'               |
+| width          | 200          | Width of the tooltip in px                                                                          |
+| delay          | 200          | Delay before showing the tooltip in ms                                                              |
+| animationIn    | 'fadeIn'     | CSS3 animation effect to show the tooltip using [Animate.css](http://daneden.github.io/animate.css) |
+| animationOut   | 'fadeOut'    | CSS3 animation effect to hide the tooltip using [Animate.css](http://daneden.github.io/animate.css) |
+| offsetX        | 0            | Offset value of the tooltip on X axis                                                               |
+| offsetY        | 0            | Offset value of the tooltip on Y axis                                                               |
+| content        | null         | The content of the tooltip, can be text, html or whatever you want                                  |
+| ajaxContentUrl | null         | Url for Ajax content                                                                                |
+| useTitle       | true         | To use the default title attribute as content (true,false)                                          |
+| onBeforeShow   | function(){} | Function to be executed before tipso is shown                                                       |
+| onShow         | function(){} | Function to be executed after tipso is shown                                                        |
+| onHide         | function(){} | Function to be executed after tipso is hidden                                                       |
 
 > Additionaly you can use `data-tipso` instead of the title attribute for the tooltip content ( set `useTitle: false` )
 

diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "tipso",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "A Lightweight Responsive jQuery Tooltip Plugin",
   "main": ["src/tipso.min.js", "src/tipso.css"],
   "keywords": [