ایجاد یک پنجره بازشو در HTML با استفاده از کتابخانه jQuery انجام می شود ، که به شما امکان می دهد یک کنترل کننده رویداد را در یک صفحه وب ادغام کرده و در نتیجه امکان نمایش محتوای فعال سایت را فراهم کنید.
دستورالعمل ها
مرحله 1
صفحه سایت HTML خود را در ویرایشگر متنی که برای نوشتن کد مورد نظر خود استفاده می کنید باز کنید. همچنین می توانید از برنامه استاندارد Windows Notepad برای قرار دادن یک پنجره بازشو استفاده کنید. برای این کار ، روی پرونده HTML کلیک راست کرده و "Open With" - "Notepad" را انتخاب کنید.
گام 2
در بخش سند ، یک لایه ایجاد کنید که jQuery را مدیریت کند:
مرحله 3
سپس باید نام پنجره بازشو را تنظیم کنید. برای این کار می توانید از سرصفحه های HTML طبقه بندی شده استفاده کنید:
عنوان پنجره
مرحله 4
پس از آن ، متنی را که با استفاده از اسکریپت در پنجره نمایش داده می شود تنظیم کنید تا یک پاراگراف ایجاد کند:
پیامک
مرحله 5
قبل از بستن دسته قبلی ، یک لایه با کلاس close_win ایجاد کنید تا پنجره بازشو بسته شود:
یک پنجره را ببند
مرحله 6
با افزودن برچسب لازم بین توصیف کننده های سند ، کتابخانه jQuery را در پرونده بگنجانید. مثلا:
مرحله 7
پس از آن ، کد را وارد کنید تا پنجره بازشو نمایش داده شود:
$ (تابع () {
$ ('# نمایش'). پنهان کردن ()؛
مرحله 8
در مرحله بعدی ، باید رویدادی را کنترل کنید که کاربر با فشار دادن دکمه ماوس ، پنجره بازشو را فراخوانی کرده و بسته شدن پنجره را کنترل کند. برای این کار کد زیر را وارد کنید:
$ ("# Click-me"). کلیک کنید (function () {$ ("# show"). Fadein (300)؛})
$ ("# Close_win") کلیک کنید (تابع () {$ ("# show"). FadeOut (300)؛})
& lt / script>})
این برنامه با فشار دادن کاربر بر روی دکمه های فراخوانی پنجره بازشو و کلیک بر روی لینک برای بسته شدن آن ، کاربر را کنترل می کند.
مرحله 9
برای نمایش پنجره بازشو در صفحه ، می توانید از پیوند کلاس کلیک کنید که در کد بالا مشخص شده است استفاده کنید. برای انجام این کار ، کد زیر را در متن سند وارد کنید:
برای نمایش پنجره بازشو کلیک کنید