مثال على تأثير نافذة الإعلان في الزاوية السفلية اليمنى في jQuery

يصف هذا المثال كيفية تحقيق تأثير نافذة الإعلان في الزاوية اليمنى السفلية باستخدام jQuery. يشارك الجميع للإستفادة. يلي التفاصيل:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <style type="text/css">
    body{margin:0px;font-size:12px;}
    #message
    {
      width:100px;
      height:100px;
      position:fixed;
      background-color:gold;
      right:0px;
      bottom:0px;
      display:none;
    }
  </style>
  <script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(function () {
      //الرجاء ملاحظة أن slideDown هي لفتح، و slideUp هي للإغلاق
      $("#message").slideDown(2000, function () {
        //$(this).slideUp(5000);   //الانسحاب في 5 ثوان
        setTimeout("$('#message').slideUp(5000);",2000)   //استخدام闹قية لتأخير انسحاب لمدة 5000 ميليسي ثانية، يرجى ملاحظة أن لا يمكن استخدام $(this)، بل يجب استخدام ID
      });
    });
  </script>
</head>
<body>
  <div id="message">
    أنا إعلان، أعتذر!!
  </div>
</body>
</html>

بالنسبة للمستخدمين المهتمين بمزيد من المعلومات حول jQuery، يمكنهم قراءة مواضيع الموقع الخاصة بنا: 'تحليل تقنيات توسيع jQuery'، 'تحليل الإضافات الشائعة واستخدامات jQuery'، 'تحليل تأثيرات التمرير في jQuery'، 'تحليل تقنيات التشغيل للجداول (table) في jQuery'، 'تحليل استخدام Ajax في jQuery'، 'تحليل تأثيرات jQuery الشائعة'، 'تحليل استخدامات الأنيمات والأنواع في jQuery'، و 'تحليل استخدامات ميزات الخيارات في jQuery'.

آمل أن يساعدك محتوى هذا المقال في تصميم برامج jQuery.

بيان: محتوى هذا المقال تم جمعه من الإنترنت، ملكية المقال لصاحب الحقوق، تم جمع المحتوى من قبل المستخدمين عبر الإنترنت الذين قدموه بتعاونهم الخاص، لا يملك هذا الموقع حقوق الملكية، لم يتم تعديل المحتوى بشكل يدوي، ولا يتحمل هذا الموقع أي مسؤولية قانونية مرتبطة. إذا اكتشفت محتوى يشتبه في انتهاك حقوق النسخ، فالرجاء إرسال بريد إلكتروني إلى: notice#oldtoolbag.com (الرجاء استبدال # بـ @ عند إرسال البريد الإلكتروني) للإبلاغ، وقدم الأدلة ذات الصلة، وسيتم حذف المحتوى المشبوه فور التحقق منه.

تعليمية الأساس

أنت قد تحب