jQuery Metro Plugin

Project Description

More info: Blog - http://www.interacaosistemas.com.br/blog

Version: 1.1.0 - 2012-06-29

New Features:

1. Button with Footer bar
2. Button with Footer bar and Background image support.

Version: 1.0.0 (Beta) - 2012-06-25

Demonstration jQuery Metro UI


jQuery Metro UI Buttons is a easy way to build websites with a new Metro UI.

How to use:

Include the JS and CSS dependencies between the head tag of your page.

<link href="jq-metro.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="jquery.metro-btn.js" type="text/javascript"></script>

In the body of your site create div to get the buttons as shown below.

<div id="metrobuttons" class="metro-panel"></div>

Add the JavaScript code below in the section of your site to add the widgets interface Metro:

<script type="text/javascript">
   $(document).ready(function () {
      $("#metrobuttons").AddMetroSimpleButton('bt1', 'metro-verde', 'Style/Imagem/carta.png', 'Teste Roger', '#');
   });
</script>