background preloader

Reveal: jQuery Modal Plugin

Reveal: jQuery Modal Plugin
Setting up Reveal modals is only three easy steps. Attach the needed files, drop in your modal markup then add an attribute to your button. Reveal is awesome because it's easy to implement, is cross-browser compatible with modern browsers (with some graceful degradation of course) and lightweight coming in at only 1.75KB. What that means for you is that it's fast, sexy and just works. Now let's see how easy is can be to get Reveal working! Reveal is now part of Foundation! This version of Reveal has been depreciated. Visit Foundation Step 1: Attach Needed Files Step 2: The Modal Markup Step 3: Attaching Your Handler By putting the "data-reveal-id" attribute on the anchor, when clicked the plugin matches the value of the "data-reveal-id" attribute (in this case "myModal") with an HTML element with that ID. Basically, put the "data-reveal-id" attribute on an object and make it's value the ID of your modal. Options Every good plugin has options, and this one has just a few, but important ones:

46 Free jQuery Tooltip Plugins - Cube3x Tooltips are a very helpful way to express significant text, social buttons or to provide inline help. Here we have listed 46 free and working tooltips. Some tooltips are pure CSS or JS tooltips. Here is a list of all free tooltips currently available online. 1. Key Features Javascript tooltip frameworkIncludes great stylesAutomatically downloads other contents using AJAXPoint tooltip stems in any directionStays inside the browser viewport automaticallyCross browser compatible. 2. Cross browser compatibleCustom themes and animationsOption to disable touch devicesAllows interaction with tooltip 3. Complete control over css, animation and positioningLincensed under GNU General Public license10 options to customize 4. Customizable using twitter bootstrap iconsMultiple instances allowedResponsive and mobile friendly 5. Proper reposition is done to ensure the tooltip is always inside the viewportCustom css editing can be doneLightweight. Sponsored Tooltip Plugin: Likno Web Tooltips Builder 7. 8.

Related: