ijquery

دکمه کشویی

screenshot

 

با استفاده از این پلاگین می توانید در سایت خود از دکمه های کشویی استفاده کنید .

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

۱- فراخوانی کتابخانه پلاگین و خصوصیت ها

      <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
      <link href="switchy.css" rel="stylesheet" />
      <link href="main/bootstrap.min.css" rel="stylesheet" />
      <link href="main/application.css" rel="stylesheet" />
      <script type="text/javascript" src="main/jquery.animate-color.js"></script>
      <script type="text/javascript" src="main/jquery.event.drag.js"></script>
      <script type="text/javascript" src="switchy.js"></script>
      <script type="text/javascript" src="main/application.js"></script>

2-  کد html جهت استفاده پلاگین

    <div class="container">
        <div class="row">
        <div class="span1 offset4 female">
          <img src='main/female.png' class='gender' gender='female' />
        </div>
        <div class="span2">
          <select id='switch-me'>
            <option value='خانم'>خانم</option>
            <option value='' selected="selected"></option>
            <option value='اقا'>اقا</option>
          </select>
        </div>
        <div class="span1">
          <img src='main/male.png' class='gender' gender='male' />
        </div>
      </div>
      <div class='row'>
        <div class='span12' id="console"></div>
      </div>
    </div>
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-38222318-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>

پیش نمایش دانلود فایل پلاگین

4 دیدگاه دربارهٔ «دکمه کشویی»

  1. جناب من من می خوام از این استفاده کنم اما نمودنم چطور می تونم مثلا به سمت چپ میاد به یک لینکی فرستاده بشه مرسی اگه کمکم کنید.

  2. امکانش است در موقع انتخاب توسط این کلید . تو اینپوت اقا بنویسه بجای اون پائین که نوشتین اقا و شکلک اقا کنار اینپوت نمایش داده بشه . یا مثلا اون شکلک اقا قتی انتخاب شد رنگش عوض بشه .

    میشه ؟

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *