طريقة لإنشاء تأثيرات تنقل دقيقة

الجميع على دراية بتأثيرات التنقل العامة، مثل استخدام CSS لإعداد نص التنقل أو تسطيره أو لون الخلفية أو إزاحته. في المنشور السابق، ذكر بعض مستخدمي الإنترنت موقع الويب http://www.tonta.com.cn/ ، ووجدت أن تأثير التنقل على صفحته الرئيسية جيد، على الرغم من أن الفلاش ليس له تأثير مبهر للغاية، إلا أنه نسبيًا حساسة وتبدو مريحة للغاية.
ليس لدي ما أفعله وأحاول تحقيق نفس تأثير التنقل في dw. التأثير كما يلي: http://vip.5d.cn/flood/daohang/1.htm .
أولاً، قم بتحليل تركيبة التأثير عندما يمر الماوس، تتغير الخلفية وتدور الصورة الصغيرة. نعم! فكر في استخدام صورة المبادلة (صورة الوجه) + تغيير صورة الخلفية (تعريف CSS) في dw، والتي ينبغي أن تكون قادرة على تحقيق التأثير.
تحضير 4 صور GIF:
صورة الخلفية عند مرور الماوس (في FW، يمكن لـ Nimate تحقيق تأثير التدرج بسهولة. تتغير شفافية هذه الصورة تدريجيًا من 0% إلى 100%)
[img]/conimages/web/2003-06/bg0604.gif[/img]
صورة الخلفية عند سحب الماوس (تتغير شفافية هذه الصورة تدريجيًا من 100% إلى 0%)
[img]/conimages/web/2003-06/b0604.gif[/img]
صورة ديناميكية صغيرة
[img]/conimages/web/2003-06/20604.gif[/img]
صورة ثابتة صغيرة (اضبط تنسيق الصورة على gif in fw واحفظها)
[img]/conimages/web/2003-06/2a0604.gif[/img]

1. يتم تنفيذ تأثير الخلفية باستخدام CSS لتحديد فئتين:

.style1 {background-image: url(bg.gif)}

.style2 {background-image: url(b.gif)}

لصورة الخلفية عند مرور الماوس وعند سحبه للخارج، ثم قم بإضافة الكود التالي في الخلية:

onmouseover="this.className='. النمط 1'"

لـ onmouseout="this.className='style2'"

تحقيق تأثير تدرج الخلفية الذي يظهر عند مرور الماوس، ويختفي بعد إبعاد الماوس.
2. يتيح لك تأثير صورة الوجه إدراج صورة ثابتة صغيرة في خلية، واستخدام سلوك لإضافة تأثير صورة مبادلة، وتعيينها لتتحول إلى صورة ديناميكية صغيرة بعد مرور الماوس فوقها.
لتحقيق تأثير أقرب، تحتاج إلى تطبيق تأثير صورة الوجه على الخلية، وقص الكود التالي في رمز الصورة الصغيرة الثابتة:

onMouseOver = "MM_swapImage('Image2','','2.GIF', 1)"

onMouseOut="MM_swapImgRestore()"

في علامة td لرمز الخلية.
يمكنك تحقيق قلب الصورة عندما يمر الماوس فوق الخلية، مما يؤدي إلى إنتاج تأثير ديناميكي.
في هذه المرحلة يمكن تحقيق جميع التأثيرات.
في هذا المثال، التأثير الذي تم تحقيقه باستخدام dw يمكن مقارنته تقريبًا بالتأثير الناتج عن الفلاش، أو حتى أفضل (لقد حققنا تأثير اختفاء تدرج الخلفية عندما يقوم الماوس بسحب الخلية).
قسم:
1. إنشاء صور خلفية متدرجة بعناية بتنسيق fw (لقد قمت للتو بإنشاء صورتين متدرجتين عشوائيتين) + تعديل خلايا التنقل يمكن أن يجعل التأثير أكثر دقة وتميزًا؛
2. عند استخدام هذه الطريقة لإنشاء تأثيرات التنقل، تحتاج إلى استخدام خلايا متعددة. لاحظ أنه لا يمكن نسخ تأثير المبادلة، بعد نسخ الكود، تحتاج إلى تعديل الرمزين:

onMouseOver="MM_swapImage('Image3','','. 2.GIF'،1)"
<img src = "2a.gif" name = "Image3" width = "15" height = "15" border = "0" id = "Image3">

فقط قم بتعديل اسم الصورة المعكوسة إلى قيمة مختلفة.
3. المحتوى الفني لهذا المثال ليس مرتفعًا جدًا، وأنا لست على دراية بالفلاش، لذا لا أعرف أيهما أسهل في الاستخدام، dw أو flash، لكنني أذكره هنا فقط لتزويدك بطريقة ما؛ حل المشكلة.
4. يمكن أن يؤدي تراكب اثنين من التأثيرات البسيطة إلى إنشاء تأثير رائع وآمل أن يكون مفيدًا للجميع. هناك نقطة أخرى: عند إنشاء صور خلفية متحركة، لتحقيق التأثير، تحتاج إلى ضبط تكرار الرسوم المتحركة gif على "لا". التكرار (وليس التكرار)
:)