منوی ویندوز 8 با جی کوئری

با استفاده از این پلاگین می توانید استارت ویندوز 8 را در سایتتون قرار دهید

آموزش استفاده

1. فراخوانی کتابخانه پلاگین و خصوصیت ها

<link rel="stylesheet" type="text/css" href="gridster_files/jquery.css" />
	<link rel="stylesheet" href="gridster_files/style.css" />
    <link href="gridster_files/css.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="gridster_files/main.css" />
    <script type="text/javascript" src="gridster_files/jquery-1.js"></script>
    <script src="gridster_files/jquery.js" type="text/javascript" charset="utf-8"></script>

2. کد html جهت استفاده پلاگین و کد های اجرایی جی کوئری

<div role="main">

<section class="demo">

        <div class="gridster ready">
          <ul style="height: 480px; position: relative;">
            <li class="gs_w" data-row="1" data-col="1" data-sizex="2" data-sizey="1"></li>
            <li class="gs_w" data-row="3" data-col="1" data-sizex="1" data-sizey="1"></li>

            <li class="gs_w" data-row="3" data-col="2" data-sizex="2" data-sizey="1"></li>
            <li class="gs_w" data-row="1" data-col="3" data-sizex="2" data-sizey="2"></li>

            <li class="try gs_w" data-row="1" data-col="5" data-sizex="1" data-sizey="1"></li>
            <li class="gs_w" data-row="2" data-col="1" data-sizex="2" data-sizey="1"></li>
            <li class="gs_w" data-row="3" data-col="4" data-sizex="1" data-sizey="1"></li>

            <li class="gs_w" data-row="1" data-col="6" data-sizex="1" data-sizey="1"></li>
            <li class="gs_w" data-row="3" data-col="5" data-sizex="1" data-sizey="1"></li>

            <li class="gs_w" data-row="2" data-col="5" data-sizex="1" data-sizey="1"></li>
            <li class="gs_w" data-row="2" data-col="6" data-sizex="1" data-sizey="2"></li>
          </ul>
        </div>

    </section>
         </div>
<!-- Scripts -->

<script type="text/javascript">
     var gridster;

     $(function () {

         gridster = $(".gridster > ul").gridster({
             widget_margins: [10, 10],
             widget_base_dimensions: [140, 140],
             min_cols: 6
         }).data('gridster');

     });
</script>

<script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-33489625-1']);
    _gaq.push(['_trackPageview']);

    (function () {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
</script>