العديد من المواقع الحديثة لديها عناصر تحكم أصلية. أحد هذه العناصر هو النوافذ المنبثقة حيث يمكنك وضع العديد من المعلومات المفيدة والإعلانات وعناصر التحكم واستطلاعات الرأي والمزيد. من السهل جدًا إنشاء مثل هذه النافذة المنبثقة - استخدم مكتبة jQuery.
تعليمات
الخطوة 1
أدخل العلامات في كود صفحتك التي تضيف مكتبة jQuery. تبدو هذه العلامات قياسية تمامًا:
script src = "jQuery.js" / script
script src = "interface.js" / script
الخطوة 2
أضف كود css إلى ورقة الأنماط لتصميم النافذة المنبثقة. حدد المعلمات مثل الموضع ، والارتفاع ، والتجاوز ، وصورة الخلفية ، وموضع الخلفية ، وتكرار الخلفية ، والتجاوز ، والمؤشر وغيرها التي قد تحتاجها للتصميم. يمكن أيضًا تعيين هذه المعلمات في علامة الرأس ، إذا لم يكن لديك مبدأ تخصيص ملف خاص للأنماط في عملك القياسي. يمكنك كتابة التعليمات البرمجية بطرق أخرى ، باستخدام علامات مختلفة. عادة ما تكون هناك طرق عديدة لكتابة النوافذ العائمة.
الخطوه 3
الصق الكود الخاص بالرابط المؤدي إلى النافذة المنبثقة في نص الصفحة ، ووصف النص البرمجي نفسه لفتح النافذة المنبثقة. وصف وظيفة لاستدعاء نافذة باستخدام الأوامر القياسية show () و TransferTo () و bind () وغيرها. حاول أن تكتب وصفًا صغيرًا لنفسك بجوار كل وظيفة ، حتى لا يتم الخلط بينك وبين الكود ، حيث يمكنك تعطيل تشغيل النظام بالكامل تمامًا.
الخطوة 4
تحقق من التعليمات البرمجية بحثًا عن الأخطاء وافتح الصفحة في المتصفح لمعرفة نتيجة عملك. لكي تظهر نافذة منبثقة ، يجب النقر فوق الارتباط الذي تم إنشاؤه. في المستقبل ، يمكنك توفير المظهر التلقائي لنافذة منبثقة. يجب أن تحتوي النافذة المنبثقة أيضًا على خصائص مختلفة ، مثل القدرة على السحب والإفلات ، والتصغير ، والتمدد ، وبالطبع الإغلاق. يجب وصف كل هذه الخصائص في البرنامج النصي المنبثق. ليس من الصعب صنع النوافذ العائمة ، فالشيء الأساسي هو معرفة أساسيات البرمجة ، لأنك تحتاج إلى معرفة خاصة لكتابة الكود بشكل صحيح.
