kvkInfoBox jQuery plugin

Very simple jQuery plugin for displaying informations (tooltips) in a neat and easy way. It's very small and efficient. Read on for more info ...

Documentation


Using kvkInfoBox is very easy. Just apply it on any element, and you'll get smooth animated tooltip displayed right to your element.

Simple implementation can look like this:

$this.kvkInfoBox({cont: 'somethin'});


That's the minimalistic initialization. There are few other options you can use, here is the full featured example:

$this.kvkInfoBox({
    cont: 'somethin',
    plainText: true,
    skin: 'lightblue',
    plusTop: 0,
    plusLeft: 0
});


The cont param is the HTML you want to display in the kvkInfoBox.

The plainText param is quite self explanatory. Basically it just wraps the content with a paragraph element when set to true.

The skin param sets the skin of the kvkInfoBox. Default is lightblue, there's another one available - lightgreen. Yes, this plugin is skinable and you're welcome to create your own skin. If you're interested i can send you my prepared PSD for creating another skins on the fly ... :)

Finally, the plusTop and plusLeft params provide the option of adjusting the position of kvkInfoBox in case something's wrong.

So, that's about it, check the demo to see the kvkInfoBox in action :) You can also download the code, from the index.html file you will see, that you need the kvkInfoBox.css file and the images used in that CSS file. In the JS directory you'll find both packed and full versions of kvkInfoBox.

Final statement


Feel free to do whatever you want with this plugin and its contents. You can edit the code, implement it into your projects ... Enjoy :)
Zobraziť demo Stiahnuť