بسیاری از سایت های مدرن کنترل اصلی دارند. یکی از این عناصر پنجره های بازشو است که در آن می توانید اطلاعات مفید ، تبلیغات ، کنترل ها ، نظرسنجی ها و موارد دیگر را در آن قرار دهید. ایجاد چنین پنجره ای بسیار آسان است - از کتابخانه jQuery استفاده کنید.
دستورالعمل ها
مرحله 1
در کد صفحه خود برچسب هایی وارد کنید که کتابخانه jQuery را اضافه می کند. این برچسب ها کاملا استاندارد به نظر می رسند:
اسکریپت src = "jQuery.js" / اسکریپت
اسکریپت src = "interface.js" / اسکریپت
گام 2
برای سبک سازی پنجره بازشده ، کد css را به صفحه سبک اضافه کنید. پارامترهایی مانند موقعیت ، ارتفاع ، سرریز ، تصویر پس زمینه ، موقعیت پس زمینه ، تکرار پس زمینه ، سرریز ، مکان نما و سایر مواردی را که ممکن است برای یک ظاهر طراحی شده نیاز داشته باشید ، مشخص کنید. اگر اصول کار اختصاصی فایل خاصی برای سبک ها را نداشته باشید ، این پارامترها را می توان در برچسب head نیز تنظیم کرد. با استفاده از برچسب های مختلف می توانید کد را به روش های دیگری بنویسید. معمولاً روش های زیادی برای نوشتن پنجره های شناور وجود دارد.
مرحله 3
کد پیوند به پنجره بازشو را در بدنه صفحه جایگذاری کنید و خود اسکریپت را برای باز کردن پنجره بازشو توصیف کنید. برای فراخوانی یک پنجره با استفاده از دستورات استاندارد show () ، TransferTo () ، bind () و موارد دیگر ، تابعی را فراخوانی کنید. سعی کنید در کنار هر عملکرد یک توضیح کوچک برای خود بنویسید ، تا در کد گیج نشوید ، زیرا می توانید عملکرد کل سیستم را کاملاً مختل کنید.
مرحله 4
کد را برای خطا بررسی کنید و صفحه را در یک مرورگر باز کنید تا نتیجه کار خود را ببینید. برای ظاهر شدن یک پنجره بازشو ، باید روی پیوند ایجاد شده کلیک کنید. در آینده می توانید ظاهر اتوماتیک پنجره بازشو را فراهم کنید. پنجره بازشو همچنین باید ویژگی های مختلفی از جمله توانایی کشیدن و رها کردن ، به حداقل رساندن ، کشش و البته بسته شدن داشته باشد. همه این ویژگی ها باید در اسکریپت بازشو توصیف شوند. ساخت ویندوز شناور کار دشواری نیست ، مهمترین چیز این است که اصول برنامه نویسی را بدانید ، زیرا برای نوشتن صحیح کد به دانش خاصی نیاز دارید.
