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

دیالوگ ریسپانسیو در حالت لایت باکس

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

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

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

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="jquery.remodal.css" />
<script src="js/jquery-2.1.0.min.js"></script>

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

<div class="remodal-bg">
    <div id="remodal-a"><a href="#modal">دنیای جی کوئری</a></div>
    <div class="remodal" data-remodal-id="modal">
        <h1>دنیای جی کوئری</h1>
        <p>دنیای جی کوئری در بهمن ماه ۱۳۹۱ فعالیت خود را با هدف ایجاد منبعی برای دانلود سورس های آماده جی کوئری برای طراحان وب آغاز کرده است</p>
        <p><a href="http://ijquery.ir">وبسایت دنیای جی کوئری</a></p>
        <br/>
        <a class="remodal-confirm" href="#">OK</a>
    </div>
</div>
<script src="js/jquery.remodal.js"></script>

 

9 نظر

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

دانلود و پیش نمایش فایل دیالوگ ریسپانسیو در حالت لایت باکس

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

سوالی دارید؟

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