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

افکت درگ دراپ تصویر و متن

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

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

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

    <link href="demo.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js"></script>
    <script src="oridomi.min.js"></script>
    <script src="demo.js"></script>

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

  <header>
    <h1 class="logo">دنیای جی کوئری</h1>
  </header>
  <section id="demos">
    <ul>
      <li><div class="demo demo1"></div><div class="button" data-n="0">تغییر</div></li>
      <li><div class="demo demo5"></div><div class="button" data-n="4">تغییر</div></li>
      <li><div class="demo demo2"><h3>دنیای<br>جی کوئری</h3></div>
        <div class="button" data-n="1">تغییر</div>
     </li>
     <li><div class="demo demo3"><h3>دنیای<br>جی<br>کوئری</h3></div>
         <div class="button" data-n="2">تغییر</div>
     </li>
     <li><div class="demo demo4">ijquery.ir</div>
         <div class="button" data-n="3">تغییر</div>
     </li>
    </ul>
  </section>

 

2 نظر

  • سلام با تشکر از سایت خوبتون
    سوالی داشتم ، اینجا که نوشتید آموزش نصب دارد ،‌ آموزش نصب کجاست ، من دانلود کردم ،‌ اما آموزش نصب نداشت!!!!!

    • سلام محمد جان اموزش استفاده تمام مثال ها تو توضیحات هر مثال زیر عکس مطلب اومده

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

دانلود و پیش نمایش فایل افکت درگ دراپ تصویر و متن

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

سوالی دارید؟

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