Loading, please wait...

ARTDESIGN BUTTON

Description

ArtDesign Button is a JavaScript PlugIn, which transform into a button every single web element such as div, link, form button, span and etc.
Full support of all advanced Web browsers
Full style control only with JavaScript, without using CSS
Full style control - Size (width, height), Margin and Padding, Background (background color, gradient), Shadow (outer, inner), Border (width, color, radius), Text and Icon (font, size, color)
19 predefined styles
Set the style with attribute
Set multiple styles to one element, each of them overwrites the previous
Opportunity to define an unlimited number of own styles
Integration with ArtDesign Icons
Switching mode (Active/Inactive)
Disable mode
Hover / Click Animations
Listening for Click Events
Listening for external changes (Active / Inactive, Enable / Disable)
Listening for attribute changes
Public methods: Destroy

Demo

This is Div
This is Link This is Span

HTML

<div class="ArtDesign">
    <div data-plugin-ad-button="ad-button">This is Div</div>
    <!-- or -->
    <a href="#" data-plugin-ad-button="ad-button">This is Link</a>
    <!-- or -->
    <button data-plugin-ad-button="ad-button">This is Form Button</button>
    <!-- or -->
    <span data-plugin-ad-button="ad-button">This is Span</span>
</div>

JavaScript

<script type="text/javascript">
    $(document).ready(function() {
        $(".ArtDesign").ArtDesignButton();
    });
</script>