Disneyland 1972 Love the old s

Anaxi v 1.0.1

Anaxi (..mander) is a jQuery plugin for styling HTML anchor links<a>. It provides flexibility for styling anchor easily. It adds no additional element to the DOM, only CSS classes. Lightweight with no!importantCSS rule and you can define the CSS style you want.

Get Started

GettingAnaxiis as easy as 1-2-3. You need to link theanaxi.css,jQuery.jsandanaxi.jsfiles to begin with.

<link rel="stylesheet" href="../path/anaxi.css" />
<script src="../path/jquery.js"></script>
<script src="../path/anaxi.js"></script>

Compare?

Browser Default  ⇐ What your browser gives.Anaxi Default  ⇐ What Anaxi gives with default settings.

<a href="#" id="anaxi_default">Anaxi Default</a>
$('#anaxi_default').anaxi();

Want more configurations over anaxi? Keep scrolling....

CookSpace

Problem:Want a different anime color, type and bundle.
Solution:Anaxi accepts options:bundle: [underline|overline],color: [blue|gold|red|purple|orange|white], type: [open|close]

Example:


$('#anaxi_link').anaxi({
bundle: '[underline|overline]',
color: '[blue|gold|red|purple|orange|white]',
type: '[open|close]'
});

Problem:Want to use anaxi with other HTML elements?
Solution:Anaxi does not limit itself to HTML links alone. Due to the fast rise in AJAX,<span>and other generic HTML elements might be used as linksfor ajax purpose ;).

Example


<span id="for_anaxi">Hover Me!</span>
$('#for_anaxi').anaxi();

Anaxi type: open

Extended Example (bundle: overline|top):


Anaxi Top     Anaxi Top with red color     Anaxi Top with gold color     Anaxi Top with purple color     Anaxi Top with orange color     Anaxi Top with white color



Extended Examples (bundle: underline|bottom):default


Anaxi Bottom     Anaxi Bottom with Red color     Anaxi Bottom with Gold color     Anaxi Bottom with Purple color     Anaxi Bottom with Orange color     Anaxi Bottom with White color



Anaxi type: close

Extended Example (bundle: overline|top):


Anaxi Top     Anaxi Top with red color     Anaxi Top with gold color     Anaxi Top with purple color     Anaxi Top with orange color     Anaxi Top with white color



Extended Examples (bundle: underline|bottom):


Anaxi Bottom     Anaxi Bottom with Red color     Anaxi Bottom with Gold color     Anaxi Bottom with Purple color     Anaxi Bottom with Orange color     Anaxi Bottom with White color

Customise anaxi

Anaxi uses theanaxiclass forline-height,displayandtext-decorationcss rules. This class can betweakedto suite your project, by includingpadding,margin. But note thatanaximight inherit attributes from your main styling if the link to anaxi's CSS is placed before your main CSS file.