Jquery plug-ins (ii) messaging class jquery plug-ins

Source: Internet
Author: User
(1) facebox
Facebox is a lightbox Based on jquery and Facebook-style. Displays images, Divs, or the entire remote page.

Facebox(2) simplemodal

Simplemodal is a lightweight jquery plug-in that provides a simple interface to create a mode dialog box.

Simplemodal

(3) jtip Popular books: www.hotbook.cn


Jtip is a prompt tool developed using jquery. Jtip obtains content through httpxmlrequest. Simple to use. You only need to add jtip to the class of your element and introduce jtip. js and its style.

Jtip


(4) bettertip


A jquery plug-in that can customize tooltip. Based on jtip, but more flexible than it.

Bettertip

Popular books: www.hotbook.cn
(5) cluetip


The jquery plug-in cluetip allows you to add tooltip for links or other elements. When a link includes the title attribute, its content becomes the title of the cluetip. The content displayed in cluetip can be obtained through Ajax or from the elements on the current page.

Cluetip


(6) jquery lightbox plugin Popular books: www.hotbook.cn


A simple and powerful lightbox control developed based on jquery.

Jquery lightbox plugin

(7) jquery impromptu


Used to create a mode dialog box. In the confirmation dialog box, enter the jquery plug-in the content dialog box.

Jquery impromptu Popular books: www.hotbook.cn

(8) jquery. UI messenger "Outlook like Message notification widget


This jquery. UI control is similar to the prompt box for the messenger "Outlook message.

Jquery. UI messenger "Outlook like Message notification widget

(9) fancybox Popular books: www.hotbook.cn


Lightbox plug-in developed based on jquery. You can add shadow effects to enlarged images. For a group of images, you can add a navigation button. In addition to displaying images, this lightbox can also display iframed content and customize the appearance through CSS.

Fancybox


(10) coda popup bubbles Popular books: www.hotbook.cn


Developed Using jquery. It is similar to the "bubble" pop-up box.

Coda popup bubbles

(11) jgrowl Popular books: www.hotbook.cn


Jgrowl is the jquery plug-in used to create the message pop-up box. The result is similar to the growl Event Notification framework in Mac OSX.

JGrowL

(12) jqwindowsengine


This jquery plugin helps you easily create Ajax windows.

Jqwindowsengine

(13) jquery alert dialogs


This jquery plug-in can replace the alert (), confirm (), and prompt () functions provided by JavaScript. You can use CSS to customize the appearance of a dialog box.



Jquery alert dialogs Popular books: www.hotbook.cn

(14) beautytips


Beautytips is a jquery tooltip plug-in.

Beautytips
Popular books: www.hotbook.cn

    1. (15) Facebook/Xiaonei style modal box

      :

      Introduction:
      Use Div, table, and opacity effects to implement the modal box effect...
      Navigation:
      Details|Online Demo Popular books: www.hotbook.cn

(15) jmpopups
A new multi-level window is displayed.
Online instance

InstanceSource code

(16) leavenotice

The jquery plug-in leavenotice can easily remind your users that they are leaving your website.

(17)Jquery float Dialog Popular books: www.hotbook.cn

Jquery float dialog is a floating mode dialog box. You can use parameters to control the dialog box's pop-up speed, full screen background, callback events, and orientation.

(18)Weebox

Weebox is a jquery-based pop-up window plug-in. It has the following features:

Multi-layer pop-up windows are supported.

. A single pop-up window is supported, that is, when the same ID pop-up window is opened for the second use, the previous one will be automatically closed. Refer to the boxid Option

. Supports custom styles. For more information, see boxclass options.

. Solved the select problem in IE and used the bgiframe function.

. Supports the drag effect, which can be set through draggable. For more information, see draggable options.

. Supports content source methods such as Ajax, selector (jquery), and text (direct content)

. Multiple pop-up window types are supported. For details, refer to the type option.

. Automatic shutdown is supported. For more information, see the timeout option.

. Support for photo masking effect (modal pop-up window), refer to modal options

. Different display locations are supported, with an element in the middle or as a reference. For details, refer to the position option.

Callback functions such as onopen, onok, oncancel, and onclose are supported.

You can also set the title (settitle), content (setcontent), and buttons.

. You can only search for elements in the pop-up window: Find (selector)

. Allows you to enable or disable animation effects. For details, refer to the "animate", "showanimate", and "hideanimate" options.

19.DHTML window with tab support(Demo address)Popular books: www.hotbook.cn

DHTML window control with tab support. It uses cookies

(20)QTip
(21)Simple tooltip
(22)Side navigation tooltip (Demo address )
Use jquery to add tooltips bubble prompts for the navigation menu.
(23)Jquery-rolover-tooltip (Demo address )

 

Using jquery, A tooltip is displayed when you move the mouse over the icon. The content in the bubble is read from the HTML tags attribute.

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.

2. Popup bubble

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

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.

4. prototip

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

6. awesomeness

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

7. tiptip

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

8. (MB) tooltip

Beautifully made tooltip with nice transition for input fields.

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.

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.

11. jquery Ajax tooltip

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

12. Digg-style post sharing tool with jquery

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

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.

14. simpletip

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

15. QTip

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

16. Orbital tooltip

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

17. inline HTML tooltip

Cool tooltip with nice transition effects.

18. tipsy

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

19. Easiest jquery tooltip ever

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

20. BSTIP

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

21. ezpz tooltip

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

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.

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.

25. Creating a simple tooltip using jquery and CSS

Few simple but different tooltips.

26. bettertip

Tooltip which appears on the right side of the link.

28. jqtooltip

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

29. Pop!

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

30. Create a simple CSS + JavaScript tooltip with jquery

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.