مثال على استخدام طرق fadein وfadeout في jQuery

يصف هذا المثال استخدام طرق fadein و fadeout في 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">
    *{font-size:12px;}
    div{width:600px;margin:auto;}
    #control{background-color:gold;padding:10px;margin-bottom:10px;}
  </style>
  <script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(function () {
      $("#btnfadeIn").click(function () {
        $("#message").fadeIn(1000);
      });
      $("#btnfadeOut").click(function () {
        $("#message").fadeOut(1000);
      });
    });
  </script>
</head>
<body>
  <div id="control">
    <input id="btnfadeIn" type="button" value="تطبيق div" />
    <input id="btnfadeOut" type="button" value="تخفيف div" />
  </div>
  <div id="message">
    الفرق بين mouseover و mouseenter: div داخل div. راجع الملاحظات. وله علاقة بتسرب الأحداث. <br /> 
    سيتم إطلاق أحداث mouseover سواء مر مؤشر الفأرة عبر العنصر المحدد أو عبر عناصر فرعية <br />
    سيتم إطلاق أحداث mouseenter فقط عند مرور مؤشر الفأرة عبر العنصر المحدد (المرور عبر العناصر الفرعية لن يطلق الحدث)
  </div>
</body>
</html>

بالنسبة للقراء المهتمين بمزيد من المعلومات حول jQuery، يمكنهم الرجوع إلى مواضيع الموقع الخاصة بنا: 'م摘要 للطرق التي يمكن استخدامها لتحريك عناصر DOM بـ jQuery'، 'تجميع تقنيات تحريك عناصر الصفحة بـ jQuery'، 'تجميع استخدامات وتقنيات الأحداث الشائعة بـ jQuery'، 'تجميع الأدوات والاستخدامات الشائعة لـ jQuery'، 'تجميع تقنيات التوسيع بـ jQuery'، 'تجميع تقنيات تحريك جدول (table) بـ jQuery'، 'تجميع الأحداث والطرق الشائعة لـ jQuery'، وكذلك 'تجميع اختيار selectors بـ jQuery'.

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

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

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

الأسئلة التي قد تهمك