30 kiểu jQuery Tooltip Plugins hay cho web design

July 24, 2010 at 7:12 am Leave a comment

Tooltips trên trang web là những việc nhỏ mà có thể đóng một vai trò lớn trong thiết kế website. Nếu một tooltip trên trang web của bạn là rất tốt thực hiện và sẽ tuyệt vời sau đó nó có thể nâng lên du khách ấn tượng về trang web của bạn. Và đó là lý do tại sao ở đây có jQuery để giúp đỡ với tooltips của nó cũng được thực hiện. Và hãy nhớ rằng tất cả những điều nhỏ thiết kế trang web làm cho trang web của bạn trông tốt hơn.
Vì vậy, thời gian này tôi sẽ chỉ cho bạn 30 đầu của tôi về tooltip jQuery
1. Dynamic tooltip

Very cool tooltip! It’s very well made because it consists of cool transition effects and it also has a transparency and a drop shadow effect.

flowplayer-dynamic-tooltip-jquery-tooltip-plugin-for-web-design
2. Popup Bubble

Brilliant tooltip! It looks so simple but it has awesome transition effects. This tooltip could be very useful for clean and simple websites.

dvq-popup-bubble-jquery-tooltip-plugin-for-web-design
3. jQuery Horizontal Tooltips Menu Tutorials

Beautifully made tooltip! This tooltip never disappears but follows when you hover over other links. Such a simple looking tooltip but its animation is brilliant.

queness-horizontal-tooltips-menu-tutorials-jquery-tooltip-plugin-for-web-design
4. Prototip

A lot of various very good looking tooltips which look awesome and have beautiful effects. Brilliant peace of work!

nickstakenburg-prototip-jquery-tooltip-plugin-for-web-design
5. Coda Popup Bubble

Very nice tooltip with cool transition effect and it also has a drop shadow.

jqueryfordesigners-coda-popup-bubble-jquery-tooltip-plugin-for-web-design
6. Awesomeness

Cool tooltip with nice transition effect and cool transparent border around it.

nettuts-s3-cdn-plus-awesomeness-jquery-tooltip-plugin-for-web-design
7. TipTip

Beautifully made tooltip with fade in / out transition effects, transparency and drop shadow effect.

code-drewwilson-tiptip-jquery-tooltip-plugin-for-web-design
8. (mb)Tooltip

Beautifully made tooltip with nice transition for input fields.

pupunzi-mb-tooltip-jquery-tooltip-plugin-for-web-design
9. vTip

Simple but well made tooltip with a fade in transition effect. It has a cool looking border around it and when this tooltip appears, it also follows your mouse.

vertigo-project-vtip-jquery-tooltip-plugin-for-web-design
10. jGrowl

Cool tooltip which appears when you click on the link and then it sticks on the right-top corner of your window, and disappears after some time or when you close it manually by clicking on the close button. It also has fade in / out transition effects.

stanlemon-jgrowl-jquery-tooltip-plugin-for-web-design
11. jQuery Ajax Tooltip

Interesting tooltip which can handle image and text together like a mini page. It has a drop shadow effect.

rndnext-blogspot-jquery-ajax-tooltip-jquery-tooltip-plugin-for-web-design
12. Digg-style post sharing tool with jQuery

Cool digg-style post sharing tool. This tooltip could be very useful for social networking website.

queness-digg-style-post-sharing-tool-jquery-tooltip-plugin-for-web-design
13. Input Floating Hint Box

Interesting tooltip with rounded corners for input fields. Tooltip fades in when you click on the input field and fades out when you click somewhere else.

nicolae-namolovan-googlepages-input-hint-box-jquery-tooltip-plugin-for-web-design
14. Simpletip

Beautifully made tooltip with fade transitions. When you hover over a link, a tooltip fades in just above or below the link.

simpletip-craigsworks-jquery-tooltip-plugin-for-web-design
15. qTip

Very simple but good looking tooltip. This tooltip is available with rounded corners and also as a speech bubble tip.

craigsworks-qtip-jquery-tooltip-plugin-for-web-design
16. Orbital Tooltip

Interesting tooltip plugin where you can set manually where your tooltip will show up.

userfirst-orbital-jquery-tooltip-plugin-for-web-design
17. Inline HTML Tooltip

Cool tooltip with nice transition effects.

javascriptkit-inline-html-tooltip-jquery-tooltip-plugin-for-web-design
18. tipsy

Interesting good looking tooltip which appears above, below, on the right or left side of the link.

onehackoranother-tipsy-jquery-tooltip-plugin-for-web-design
19. Easiest jQuery Tooltip Ever

Simple tooltip but it could be useful to display an image when you hover over a link.

cssglobe-easiest-jquery-tooltip-ever-jquery-tooltip-plugin-for-web-design
20. BsTip

Various simple tooltips with fade in and fade out transition effects and border around them.

benchsketch-bstip-jquery-tooltip-plugin-for-web-design
21. EZPZ Tooltip

Very simple tooltip with border around it, which follows your mouse.

theezpzway-ezpz-jquery-tooltip-plugin-for-web-design
22. BeautyTips

Nice balloon style tooltip with transparency effect. There are available various tooltip styles, even interesting tooltips with cool animation, so you can choose one that fits best for your needs.

lullabot-beautytips-jquery-tooltip-plugin-for-web-design
23. Tooltip

Various tooltip plugins for your website. Here you can find a simple tooltip with a nice fade transition and also you can find a good looking bubble style tooltip.

bassistance-tooltip-jquery-tooltip-plugin-for-web-design
24. clueTip

Simple tooltip which shows up when you hover over a link and stays until you close it.

plugins-learning-jquery-cluetip-jquery-tooltip-plugin-for-web-design
25. Creating A Simple Tooltip Using jQuery and CSS

Few simple but different tooltips.

demos-blufusion-jquery-tooltips-jquery-tooltip-plugin-for-web-design
26. BetterTip

Tooltip which appears on the right side of the link.

edgarverle-bettertip-jquery-tooltip-plugin-for-web-design
27. jTip

This is simple but useful tooltip for login form.

codylindley-jtip-jquery-tooltip-plugin-for-web-design
28. jqTooltip

Simple tooltip with ajax loaded content. It has fade in and fade out transition effects.

hernan-amiune-jqtooltip-jquery-tooltip-plugin-for-web-design
29. Pop!

Simple tooltip which shows up when you click on the arrow button and disappears when you click somewhere else.

pop-seaofclouds-pop-jquery-tooltip-plugin-for-web-design
30. Create a Simple CSS + Javascript Tooltip with jQuery

Simple tooltip with rounded corners. It follows your mouse movements.

queness-simple-css-javascript-tooltip-jquery-tooltip-plugin-for-web-design

(Theo http://www.1stwebdesigner.com)

Entry filed under: java. Tags: .

Địa chỉ Website về Ô tô xe máy Việt Nam jQuery Code Content Assistance for Eclipse WTP

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Trackback this post  |  Subscribe to the comments via RSS Feed



%d bloggers like this: