يمكن أن يؤدي استخدام JS في تصميم الويب إلى تحقيق العديد من المؤثرات الخاصة للصفحات ، لكن العديد من الأشخاص يتجاهلون التأثيرات القوية لعلامات التعريف في علامات HTML. في الواقع ، يمكن لعلامات التعريف أن تحقق أيضًا العديد من تأثيرات انتقال الصفحة الجميلة.
علامة التعريف هي علامة مساعدة في منطقة رأس لغة HTML. يتم وضع علامة التعريف على <head> ... </head> لكل صفحة ويب.
في الوسط ، نحن على دراية أكثر:
<meta name = Generator Content = Microsoft FrontPage 3.0> // تعليمات لأدوات التحرير ؛
<name meta = الكلمات الرئيسية المحتوى = ...> // شرح الكلمات الرئيسية ؛
<meta name = description content = ...> // وصف وصف الصفحة الرئيسية ؛
يوفر معلومات غير مرئية للمستخدم. عادةً ما تستخدم علامات التعريف لتحديد موضوعات الصفحة لروبوتات محرك البحث ، أو لتحديد ملفات تعريف الارتباط على متصفح المستخدم ؛ يمكن استخدامها لتحديد المؤلفين ، وضبط تنسيقات الصفحة ، وملخص محتوى التسمية والكلمات الرئيسية ؛ يمكنهم أيضًا تعيين صفحات لجعلها ممكنة.
قم بتحديث نفسك وفقًا للفاصل الزمني الذي تحدده ، وضبط مستوى محتوى RASC ، إلخ.
تشرح هذه المقالة بشكل أساسي كيفية استخدام علامات التعريف لإنشاء تأثيرات انتقالية للصفحة ...
الاستخدام:
<meta http-equiv = محتوى enter page = blendtrans (المدة = 0.5)>
<meta http-equiv = محتوى exit page = blendtrans (المدة = 0.5)>
Blendtrans هو نوع من مرشح CSS الديناميكي الذي ينتج تأثيرًا باهتًا. يمكن أيضًا استخدام مرشح ديناميكي آخر لإدخال الصفحة والخروج:
يمكن أن تضيف المرشحات الديناميكية تأثيرات تحويل الصور وتحويل الصورة إلى الصفحة. يمكن تقسيمها إلى نوعين من مزيج (مزيج) والكشف (العرض).
يمكن أن يختفي السابق تدريجياً أو يظهر ، بينما يوفر الأخير 24 تأثيرًا لتحويل الصورة ...
<meta http-equiv = محتوى enter page = الكشف (المدة = x ، الانتقال = y)>
<meta http-equiv = page-exit content = anclestrans (المدة = x ، الانتقال = y)>
المدة: تشير إلى مدة تأثير المرشح (الوحدة: الثواني)
الانتقال: نوع المرشح. يشير إلى التأثير الخاص المستخدم ، والقيمة هي 0-23.
---------------------------------------------------------------------------------
0: تقلص المستطيل 1: تمدد المستطيل
2: تخفيض الدائرة 3: توسع الدائرة
4: تحديث إلى أعلى 5: تحديث إلى أسفل
6: تحديث من اليسار إلى اليمين من 7: تحديث من اليمين إلى اليسار
8: الستائر العمودية 9: الستائر الأفقية
10: الستائر الأفقية النازحة 11: الستائر الرأسية النازحة
12: انتشار النقطة 13: تحديث اليسار واليمين إلى الوسط
14: تحديث من الوسط إلى اليسار واليمين: تحديث من الوسط إلى العلوي والسفلي
16: صعودا وهبوطا إلى منتصف 17: أسفل ومين إلى أعلى اليسار
18: من أعلى اليمين إلى أسفل من أسفل اليسار 19: من أعلى اليسار إلى أسفل اليمين
20: أسفل اليسار إلى العلوي اليمين 21: شريط أفقي
22: الشريط العمودي 23: اختر واحدة من 22 أعلاه بشكل عشوائي
---------------------------------------------------------------------------------
طالما أن تأثيرات تحويل صفحة الويب تتم مطابقة بشكل صحيح ، فإن تأثيرات التحول هذه ستترك انطباعًا عميقًا للغاية على الزوار ، حتى أولئك الذين لا يهتمون بموقعك. خاصة بالنسبة للأصدقاء الذين يرغبون في تعلم إنتاج صفحات الويب ، يمكنهم نسخ صفحة الويب الخاصة بك للدراسة والبحث. في الواقع ، قمت للتو بإضافة جزء قصير من التعليمات البرمجية^ _^ ينقسم تأثير تحويل صفحة الويب (trans) إلى أربع فئات: إدخال صفحة الويب (مقاربة الصفحة) ، وترك صفحة الويب (صفحة-الخروج) ، وإدخال الموقع (إدخال الموقع) ، ومغادرة الموقع (الموقع-الاستفادة). تنقسم كل فئة رئيسية إلى 25 فئة فرعية. أولاً ، استخدم تأثير إدخال صفحة الويب لتوضيح:
التأثيرات عند إدخال صفحة ويب
1. رمز التأثير المختلط كما يلي: <meta http-equiv = محتوى enter page = blendtrans (المدة = 1.0)>
2. رمز تأثير الانكماش على شكل مربع هو كما يلي: <meta http-equiv = محتوى enter page = enclestrans (المدة = 1.0 ، الانتقال = 0)>
3. رمز تأثير الإشعاع على شكل مربع كما يلي: <meta http-equiv = محتوى enter page = الكشف (المدة = 1.0 ، الانتقال = 1)>
4. رمز تأثير الانكماش الدائري هو كما يلي: <meta http-equiv = محتوى enter صفحة = الكشف (المدة = 1.0 ، الانتقال = 2)>
5. رمز تأثير الإشعاع الدائري كما يلي: <meta http-equiv = محتوى enter صفحة = الكشف (المدة = 1.0 ، الانتقال = 3)>
6. رمز تأثير المسح الصعودي كما يلي: <meta http-equiv = محتوى enter page = الكشف (المدة = 1.0 ، الانتقال = 4)>
7. رمز تأثير المسح الهبوطي هو كما يلي: <meta http-equiv = محتوى enter صفحة = الكشف (المدة = 1.0 ، الانتقال = 4)>
8. رمز محو الحق إلى التأثير هو كما يلي: <meta http-equiv = محتوى enter page = enclestrans (المدة = 1.0 ، الانتقال = 6)>
9. رمز تأثير المسح الأيسر هو كما يلي: <meta http-equiv = محتوى enter صفحة = الكشف (المدة = 1.0 ، الانتقال = 7)>
10. رمز تأثير التقنيع العمودي هو كما يلي: <meta http-equiv = محتوى enter صفحة = الكشف (المدة = 1.0 ، الانتقال = 8)>
11. رمز تأثير التقنيع الأفقي هو كما يلي: <meta http-equiv = محتوى enter page = الكشف (المدة = 1.0 ، الانتقال = 9)>
12. رمز تأثير لوحة الشطرنج الأفقي كما يلي: <meta http-equiv = محتوى enter صفحة = الكشف (المدة = 1.0 ، الانتقال = 10)>
13. رمز تأثير اللوحة العمودي هو كما يلي: <meta http-equiv = محتوى enter page = enclestrans (المدة = 1.0 ، الانتقال = 11)>
14. رمز تأثير التحلل هو كما يلي: <meta http-equiv = محتوى enter صفحة = الكشف (المدة = 1.0 ، الانتقال = 12)>
15. رمز التأثير للمسافة البادئة اليمنى واليسرى إلى المركز كما يلي: <meta http-equiv = محتوى enter page = الكشف (المدة = 1.0 ، الانتقال = 13)>
16. رمز التأثير للمركز إلى التوسع الأيسر واليمين هو كما يلي: <meta http-equiv = محتوى enter page = الكشف (المدة = 1.0 ، الانتقال = 14)>
17. رمز تأثير المسافة البادئة لأعلى ولأسفل هو كما يلي: <meta http-equiv = محتوى enter page = enclestrans (المدة = 1.0 ، الانتقال = 16)>
18. رمز التأثير للمركز إلى أعلى وهبوط هو كما يلي: <meta http-equiv = محتوى enter صفحة = الكشف (المدة = 1.0 ، الانتقال = 17)>
19. استخراج رمز التأثير من أسفل اليسار على النحو التالي: <meta http-equiv = محتوى enter صفحة = الكشف (المدة = 1.0 ، الانتقال = 18)>
20. استخراج رمز التأثير من أعلى اليسار على النحو التالي: <meta http-equiv = محتوى enter صفحة = الكشف (المدة = 1.0 ، الانتقال = 19)>
واحد وعشرون. استخراج رمز التأثير من أسفل اليمين على النحو التالي: <meta http-equiv = محتوى enter صفحة = الكشف (المدة = 1.0 ، الانتقال = 20)>
إثنان وعشرون. استخراج رمز التأثير من الجزء العلوي الأيمن على النحو التالي: <meta http-equiv = محتوى enter صفحة = الكشف (المدة = 1.0 ، الانتقال = 21)>
ثلاثة وعشرين. رمز التأثير للخط الأفقي العشوائي هو كما يلي: <meta http-equiv = محتوى enter page = enclestrans (المدة = 1.0 ، الانتقال = 22)>
أربعة وعشرون. رمز التأثير للخط العشوائي العشوائي هو كما يلي: <meta http-equiv = محتوى enter page = الكشف (المدة = 1.0 ، الانتقال = 22)>
25. رمز التأثير العشوائي هو كما يلي: <meta http-equiv = محتوى enter page = الكشف (المدة = 1.0 ، الانتقال = 23)>
الآن دعنا نحلل هذه الرموز. بادئ ذي بدء ، سترى بالتأكيد أن معظم هذه الرموز متشابهة للغاية. في الواقع ، على الرغم من وجود العديد من الفئات ، فإن الفئات الفرعية الـ 25 في كل فئة رئيسية تتوافق مع نفس الفئات ويتم تحديدها بالأرقام (باستثناء مزيج التأثير المختلط (المدة = 1.0)) ، لذلك ليست هناك حاجة لإعطاء أمثلة لغير الفئات. ما عليك سوى استبدال مقارر الصفحات بالصفحة (اترك صفحة الويب) ، ودخل الموقع (اترك الموقع) ، والخروج من الموقع (اترك الموقع) ، ويمكنك تحقيق التأثير المطلوب ، كما أنه أكثر ملاءمة للتذكر. حيث يمكن للمدة = 1.0 تحديد مدة الوقت لكل دورة ، فإن الوحدة هي ثواني (الآن تعيين 1 ثانية لكل دورة). تجدر الإشارة إلى أنه يمكن تعيين تأثيرات الفئات الرئيسية الأربع في نفس الوقت على صفحة ويب ، ولكن يمكن لكل فئة رئيسية تحديد تأثير واحد فقط. بالإضافة إلى ذلك ، إذا كانت صفحة الويب عبارة عن صفحة إطار ، فلن يتم عرض التأثير.