Welcome, Registration, and other StartingPoints; Foswiki history & Wiki style; All the docs...
Edit | Attach | New | Raw | Delete | History | Print | Tools
You are here: System » JQueryPlugin » JQueryCorner

JQueryCorner

Homepage: http://jquery.malsup.com/corner
Author(s): Dave Methvin, Mike Alsup
Version: 2.02

This plugin adds cross-browser support for rounded corners. For modern browsers the appropriate css attributes are used while there is a fallback strategy for others.

Usage

The javascript API: corner() takes a single string argument:
$('#myDiv').corner("effect corners width");

with

  • effect: name of the effect to apply, such as round, bevel, notch, bite, etc (default is round).
  • corners: one or more of: top, bottom, tr, tl, br, or bl.by default, all four corners are adorned.
  • width: width of the effect; in the case of rounded corners this is the radius. specify this value using the px suffix such as 10px

Any element using the jqCorner class will be rounded. Options are extracted from the data-corner attribute of the markup.

Examples

1. Lorem ipsum dolor sit amet

Consectetuer adipiscing elit. Nulla dui turpis, convallis eget, lacinia id, vulputate ut, ipsum. Donec sed sem. Ut tempus. Nunc egestas consectetuer augue. Sed a nibh. Duis rutrum nibh. Sed in orci at arcu molestie ultrices. Quisque a lectus. In mollis, nulla id rutrum tincidunt,

2. Lorem ipsum dolor sit amet

Consectetuer adipiscing elit. Nulla dui turpis, convallis eget, lacinia id, vulputate ut, ipsum. Donec sed sem. Ut tempus. Nunc egestas consectetuer augue. Sed a nibh. Duis rutrum nibh. Sed in orci at arcu molestie ultrices. Quisque a lectus. In mollis, nulla id rutrum tincidunt,

3. Lorem ipsum dolor sit amet

Consectetuer adipiscing elit. Nulla dui turpis, convallis eget, lacinia id, vulputate ut, ipsum. Donec sed sem. Ut tempus. Nunc egestas consectetuer augue. Sed a nibh. Duis rutrum nibh. Sed in orci at arcu molestie ultrices. Quisque a lectus. In mollis, nulla id rutrum tincidunt,

4. Lorem ipsum dolor sit amet

Consectetuer adipiscing elit. Nulla dui turpis, convallis eget, lacinia id, vulputate ut, ipsum. Donec sed sem. Ut tempus. Nunc egestas consectetuer augue. Sed a nibh. Duis rutrum nibh. Sed in orci at arcu molestie ultrices. Quisque a lectus. In mollis, nulla id rutrum tincidunt,
spacer
Changed by micha on 03 Dec 2009 - 10:52 - r1
Copyright © 2014 Atomikos BVBA. Transaction Management for Extreme Transaction Processing and SOA Environments serving ISV, Commercial, OEM and Open Source Markets
Site map RSS ATOM