explain your website with FocusTip
As you see the demo (if not, click here for demo), Focustip provides a way for you to introduce your page or maybe you want to show your visitor how your website works. Focustip can help.
Very easy. You need to include one stylesheet and one javascript file (also Focustip require jQuery).
First, buy it from CodeCanyon and include them into your page.
After that, you need to create an instance of Focustip object and pass the options, here is the example:
$(document).ready(function(){
new FocusTip({
target: $('#target'),
text: 'You can filter the products here.'
});
});These two options are required, but you can customize it more with more options.
| Option | Default | Description |
|---|---|---|
| target * | false | The element which you want to focus or talk about. It need to be a jQuery object, for example $('#target') |
| text * | null | Introduction text. |
| color | #008dbc | Background color of Focustip popup. |
| textColor | #FFFFFF | Color of the text. |
| delay | 100 | delay to show the Focustip popup in the millisecond. |
| ok | Got it | the text of the ok button. |
| callback | function(){} |
This function calls after a user clicks on ok button and popup disappears. |
starred options are required.
Having trouble with Focustip? need support? I'm here http://codecanyon.net/item/focustip/12787895/support.