To Top
(1) (1) (1) (2) (1) (1) (2) (1) (1) (8) (1) (2) (2) (1) (1) (2) (1) (1) (2) (14) (1) (2) (1) (2) (3) (1) (1) (1) (2) (3) (5) (1) (1) (1) (1) (2) (1) (1) (2) (2) (1) (1) (1) (1) (1) (1) (1) (16) (1) (1) (1) (2) (1) (2) (1) (1) (2) (1) (1) (1) (1) (2) (1) (12)
   Tags

Latest Tweets

Tweet

…just my two cents.


Playin’ with TipTip jQuery Plugin and CSS3

Want to share this article? Please use this short URL: http://1click.at/1y

Playin' with TipTip jQuery Plugin and CSS3This is new to me. jQuery!

I never thought I will touch this JS library. Okay, now I did.

The reason why is this: I found a nice plugin called TipTip.

The author of this nice tooltip plugin is Drew Wilson (http://code NULL.drewwilson NULL.com/entry/tiptip-jquery-plugin).

Yesterday evening I was downloading this little plugin, downloaded the latest jQuery library and began with my “experiments”.

Since I am a really bad coder… it took some time for me.

You can see my demo with the TipTip plugin here.

What I basically did was adding some CSS, but you should watch yourself.

The slideToggle was taken from the jQuery documentation.

Remember: this demo is just to show you what a really useful tooltip plugin this piece of code from Drew Wilson is.

If you want to download my demo, click Playin' with jQuery TipTip plugin and CSS3 (108).

Enjoy

VN:F [1.9.3_1094]
Rating: 3.0/5 (1 vote cast)
Playin' with TipTip jQuery Plugin and CSS3, 3.0 out of 5 based on 1 rating
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •   (http://www NULL.tumblr NULL.com/share?v=3&u=http%3A%2F%2Fblog NULL.computer-service-mallorca NULL.com%2F2010%2F01%2F14%2Fplayin-with-tiptip-jquery-plugin-and-css3%2F&t=Playin%27+with+TipTip+jQuery+Plugin+and+CSS3)
  •   (http://twitter NULL.com/home?status=Playin%27+with+TipTip+jQuery+Plugin+and+CSS3+-+http://1click NULL.at/1y&source=shareaholic)
  •  

Related posts:

  1. 10 Best Tutorials to Learn CSS3 Here you can get some nice tutorials to learn CSS3....
  2. Unconventional: CSS3 Link Checking This little CSS3 code is quite cool. It “finds” all...
  3. Cleaner Code with CSS3 Selectors Cleaner Code with CSS3 Selectors. Learn how CSS3 selectors can...
  4. CSS3 Gradient Generator v2.0 The CSS3 Gradient Generator was created as showcase of the...
  5. CSS Tooltip Box Without Images In this small Tutorial you will see how to add...

Related posts brought to you by Yet Another Related Posts Plugin.

Category: CSS, jQuery | Tags: , , , , , | 26 comments

Twitter Trackbacks

Facebook comments:

26 Replies to “Playin’ with TipTip jQuery Plugin and CSS3”

  1. invocoes
    invocoes (http://twitoaster NULL.com/country-es/invocoes/)
    January 14th, 2010 at 2:57 pm

    Playin’ with TipTip jQuery Plugin and CSS3 – http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #CSS #CSS3
    via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/playin-with-tiptip-jquery-plugin-and-css3-jquery-css-css3/)
  2. invocoes
    invocoes (http://twitoaster NULL.com/country-es/invocoes/)
    January 26th, 2010 at 3:47 am

    Playin’ with TipTip jQuery Plugin and CSS3 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #WordPress #CSS #CSS3 #MooTools
    via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/playin-with-tiptip-jquery-plugin-and-css3-jquery-wordpress-css-css3-mootools/)
  3. web2feed
    web2feed
    January 26th, 2010 at 3:50 am

    RT @invocoes: Playin’ with TipTip jQuery Plugin and CSS3 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #WordPress #CSS #CSS3 #MooTools
    via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/playin-with-tiptip-jquery-plugin-and-css3-jquery-wordpress-css-css3-mootools/#comment-8218766713)
  4. invocoes
    invocoes (http://twitoaster NULL.com/country-es/invocoes/)
    January 30th, 2010 at 8:33 pm

    Playin’ with TipTip jQuery Plugin and CSS3 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #WordPress #CSS #CSS3 #MooTools
    via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/playin-with-tiptip-jquery-plugin-and-css3-jquery-wordpress-css-css3-mootools-2/)
  5. web2feed
    web2feed
    January 30th, 2010 at 8:35 pm

    RT @invocoes: Playin’ with TipTip jQuery Plugin and CSS3 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #WordPress #CSS #CSS3 #MooTools
    via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/playin-with-tiptip-jquery-plugin-and-css3-jquery-wordpress-css-css3-mootools-2/#comment-8422372486)
  6. invocoes
    invocoes (http://twitoaster NULL.com/country-es/invocoes/)
    February 7th, 2010 at 11:47 pm

    Playin’ with TipTip jQuery Plugin and CSS3 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #WordPress #CSS #CSS3 #MooTools
    via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/playin-with-tiptip-jquery-plugin-and-css3-jquery-wordpress-css-css3-mootools-3/)
  7. web2feed
    web2feed
    February 7th, 2010 at 11:50 pm

    RT @invocoes: Playin’ with TipTip jQuery Plugin and CSS3 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #WordPress #CSS #CSS3 #MooTools
    via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/playin-with-tiptip-jquery-plugin-and-css3-jquery-wordpress-css-css3-mootools-3/#comment-8782424763)
  8. AforAvi
    AforAvi
    February 7th, 2010 at 11:51 pm

    RT @invocoes: Playin’ with TipTip jQuery Plugin and CSS3 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #WordPress #CSS #CSS3 #MooTools
    via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/playin-with-tiptip-jquery-plugin-and-css3-jquery-wordpress-css-css3-mootools-3/#comment-8782481651)
  9. invocoes
    invocoes (http://twitoaster NULL.com/country-es/invocoes/)
    February 12th, 2010 at 9:52 am

    Playin’ with TipTip jQuery Plugin and CSS3 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #WordPress #CSS #CSS3 #MooTools
    via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/playin-with-tiptip-jquery-plugin-and-css3-jquery-wordpress-css-css3-mootools-4/)
  10. web2feed
    web2feed
    February 12th, 2010 at 10:05 am

    RT @invocoes: Playin’ with TipTip jQuery Plugin and CSS3 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #WordPress #CSS #CSS3 #MooTools
    via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/playin-with-tiptip-jquery-plugin-and-css3-jquery-wordpress-css-css3-mootools-4/#comment-9001535444)
  11. invocoes
    invocoes (http://twitoaster NULL.com/country-es/invocoes/)
    February 14th, 2010 at 3:09 pm

    Playin’ with TipTip jQuery Plugin and CSS3 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #WordPress #CSS #CSS3 #MooTools
    via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/playin-with-tiptip-jquery-plugin-and-css3-jquery-wordpress-css-css3-mootools-5/)
  12. web2feed
    web2feed
    February 14th, 2010 at 3:10 pm

    RT @invocoes: Playin’ with TipTip jQuery Plugin and CSS3 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #WordPress #CSS #CSS3 #MooTools
    via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/playin-with-tiptip-jquery-plugin-and-css3-jquery-wordpress-css-css3-mootools-5/#comment-9098994917)
  13. invocoes
    invocoes (http://twitoaster NULL.com/country-es/invocoes/)
    February 17th, 2010 at 3:17 am

    Playin’ with TipTip jQuery Plugin and CSS3 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #WordPress #CSS #CSS3 #MooTools
    via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/playin-with-tiptip-jquery-plugin-and-css3-jquery-wordpress-css-css3-mootools-6/)
  14. web2feed
    web2feed
    February 17th, 2010 at 3:19 am

    RT @invocoes: Playin’ with TipTip jQuery Plugin and CSS3 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #WordPress #CSS #CSS3 #MooTools
    via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/playin-with-tiptip-jquery-plugin-and-css3-jquery-wordpress-css-css3-mootools-6/#comment-9214219346)
  15. invocoes
    invocoes (http://twitoaster NULL.com/country-es/invocoes/)
    March 6th, 2010 at 12:19 pm

    Playin’ with TipTip jQuery Plugin and CSS3 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #CSS #MooTools
    via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/playin-with-tiptip-jquery-plugin-and-css3-jquery-css-mootools/)
  16. paulmilford
    paulmilford
    March 6th, 2010 at 12:19 pm

    RT @invocoes: Playin’ with TipTip jQuery Plugin and CSS3 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #jQuery #CSS #MooTools
    via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/playin-with-tiptip-jquery-plugin-and-css3-jquery-css-mootools/#comment-10069787931)
  17. invocoes
    invocoes (http://twitoaster NULL.com/country-es/invocoes/)
    March 20th, 2010 at 6:29 am

    Playin’ with TipTip jQuery Plugin and CSS3 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #webdesign
    via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/playin-with-tiptip-jquery-plugin-and-css3-webdesign/)
  18. vivekdevaiah
    vivekdevaiah
    March 20th, 2010 at 6:39 am

    RT @invocoes: Playin’ with TipTip jQuery Plugin and CSS3 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #webdesign
    via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/playin-with-tiptip-jquery-plugin-and-css3-webdesign/#comment-10760510442)
  19. invocoes
    invocoes (http://twitoaster NULL.com/country-es/invocoes/)
    April 7th, 2010 at 6:05 am

    Playin’ with TipTip jQuery Plugin and CSS3 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #webdesign
    via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/playin-with-tiptip-jquery-plugin-and-css3-webdesign-2/)
  20. paulmilford
    paulmilford
    April 7th, 2010 at 6:19 am

    RT @invocoes: Playin’ with TipTip jQuery Plugin and CSS3 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #webdesign
    via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/playin-with-tiptip-jquery-plugin-and-css3-webdesign-2/#comment-11738741507)
  21. invocoes
    invocoes (http://twitoaster NULL.com/country-es/invocoes/)
    April 8th, 2010 at 3:13 am

    Playin’ with TipTip jQuery Plugin and CSS3 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #webdesign
    via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/playin-with-tiptip-jquery-plugin-and-css3-webdesign-3/)
  22. paulmilford
    paulmilford
    April 8th, 2010 at 3:19 am

    RT @invocoes: Playin’ with TipTip jQuery Plugin and CSS3 http://blog.computer-service-mallorca.co.. (http://blog NULL.computer-service-mallorca NULL.co NULL. NULL.). #webdesign
    via Twitoaster (http://twitoaster NULL.com/country-es/invocoes/playin-with-tiptip-jquery-plugin-and-css3-webdesign-3/#comment-11797719649)
  23. Akif (http://informationaboutcaves NULL.awardspace NULL.info)
    July 13th, 2010 at 2:12 am

    Well, you are the man! That Demo of tooltip plugin is really interesting and the way how to use it!
  24. Michael Pehl
    July 13th, 2010 at 12:57 pm

    No, I am not the man.

    I just played a little bit. Drew Wilson is the man.
    :-)


« Older Comments

Trackbacks

  1. Tweets that mention Playin' with TipTip jQuery Plugin and CSS3 | MooTools and CSS Resources -- Topsy.com (http://topsy NULL.com/tb/is NULL.gd/6fEf4)
  2. uberVU - social comments (http://www NULL.ubervu NULL.com/conversations/blog NULL.computer-service-mallorca NULL.com/2010/01/14/playin-with-tiptip-jquery-plugin-and-css3/)

Leave a Reply



CommentLuv Enabled
Maximum 2 links per comment. Do not use BBCode.

↑ Back to top