طراحی وب سایت | طراحی سایت | شرکت طراحی وب سایت پروگ پارس

دکمه کشویی

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

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

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

      <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>

3 نظر

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

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

    میشه ؟

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

دانلود و پیش نمایش فایل دکمه کشویی

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

سوالی دارید؟

● در تلگرام، پاسخگوی شما :)