Anaxi(..mander)
... The way links are meant to be styled.
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