Tipped JS Plugin For Tooltip

Posted By : Rajan Rawat | 16-Jan-2018

Tipped js

Tipped js is used to create the tooltip. It uses the javascript solutions to create a tooltip and this will work and this will work in each and every browser and on any device

Tipped js comes with the so many features like.

1.Display anything

2.Beautiful Skins

3.Different Sizes

4.Perfect Positioning

5.Options

6.Event Delegation

 

How to create a Tooltip

Firstly you have to include or inport the jquery or you can include jquery cdn in your header which is given below

                
        

 

and then include the tipped js you can download it form the tiipped js website. just like below you can include it

                
               

 

Creating tool tip

Tipped.create is method used to create the tooltip

                $(document).ready(function() {
  Tipped.create('#tooltip', 'Some text');
});
        


 you can also give your string in your tag if the string is not given in the argument just like code given below you pass your string tipped automatically look for that

                I have a tooltip
I also have a tooltip!


        

Thesea are the methods you can use it for making the tooltip using tipped js but its has some more features which are given below

Options 

there are so many options given in the tipped js like you can backgound color of tooltip look down for the code of this

                Red
Green
Blue


        

With this tipped js you can make a ajax tool tip just follow the given code below

                hello word


        

 

About Author

Author Image
Rajan Rawat

Rajan is a UI Developer, having good knowledge of HTML, CSS and javascript. His hobbies are internet surfing and watching sports.

Request for Proposal

Name is required

Comment is required

Sending message..