كيفية إنشاء تأثيرات المرور فوق أزرار النموذج باستخدام DHTML CSS في FrontPage

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

اضغط هنا لرابط المقالة باللغة الانجليزية222949
تمت أرشفة هذه المقالة. وتظهر "كما هي" ولن يتم تحديثها بعد الآن.
الموجز
تحتوي FrontPage 2000 FrontPage 2002 على مجموعة ثرية من ورقة الأنماط المتتالية (CSS) و HTML ديناميكي (DHTML) تأليف القدرات التي تمكنك من إنشاء مجموعة متنوعة من التأثيرات التحويم. توضح هذه المقالة يمكن إنشاء التحويم تأثيرات الزر أزرار حقل النموذج العادي باستخدام DHTML التنسيقات والميزات CSS.
معلومات أخرى
لإنشاء التحويم تأثيرات زر من أزرار "حقل نموذج" اتبع الخطوات التالية:
  1. إنشاء صفحة فارغة وجديدة.
  2. من القائمة إدراج ، أشر إلى نموذج ثم انقر فوق نموذج.
  3. لتطبيق ألوان الزر "إرسال" الافتراضية اتبع الخطوات التالية:

    1. انقر بزر الماوس الأيمن فوق الزر إرسال ثم انقر فوق خصائص حقل النموذج.
    2. انقر فوق نمط.
    3. انقر فوق تنسيق ، ثم انقر فوق الحدود.
    4. انقر فوق علامة التبويب تظليل.
    5. انقر لتحديد أحد ألوان في لون المقدمة وقوائم لون الخلفية.
    6. انقر فوق موافق ثلاث مرات للرجوع إلى المستند.
  4. لإدراج الألوان التحويم DHTML اتبع الخطوات التالية:

    1. انقر فوق الزر إرسال.
    2. من القائمة تنسيق ، انقر فوق تأثيرات HTML الديناميكي.
    3. في القائمة على ، انقر لتحديد المرور بالماوس.
    4. في القائمة تطبيق انقر لتحديد التنسيق.
    5. انقر فوق اختيار الحدود في القائمة إلى يمين القائمة تطبيق.
    6. انقر فوق علامة التبويب تظليل.
    7. انقر لتحديد أحد ألوان في لون المقدمة وقوائم لون الخلفية.
    8. انقر فوق موافق وأغلق الأدوات تأثيرات DHTML.
  5. لنقل لون المرور فوق الزر إرسال اتبع الخطوات التالية:

    1. التبديل إلى طريقة عرض HTML.
    2. في طريقة عرض HTML نقل التعليمات البرمجية التالية من <p> العلامة إلى إلى <input>الخاص بك العلامة:
         dynamicanimation="fpAnimformatRolloverFP1"   fprolloverstyle="background-color: #000000; color: #FFFFFF"   onmouseover="rollIn(this)"   onmouseout="rollOut(this)"   language="Javascript1.2"								
      ملاحظة: قد تكون قيم "لون الخلفية" و "لون" مختلفة عن تلك الموضحة في التعليمات البرمجية السابقة.
  6. إذا كنت تريد كرر الخطوات القليلة الأخيرة الزر إعادة تعيين.
  7. عند إكمال الخطوات السابقة التعليمات البرمجية لـ HTML الخاص بك قد يتشابه المثال رمز HTML التالي:
       <input type="submit" value="Submit"      style="background-color: #008000; color: #000000"      dynamicanimation="fpAnimformatRolloverFP1"      fprolloverstyle="background-color: #000080; color: #FFFFFF"      onmouseover="rollIn(this)"      onmouseout="rollOut(this)"      language="Javascript1.2">   <input type="reset" value="Reset"      style="background-color: #800000; color: #FFFFFF"      dynamicanimation="fpAnimformatRolloverFP1"      fprolloverstyle="background-color: #000080; color: #FFFFFF"      onmouseover="rollIn(this)"      onmouseout="rollOut(this)"      language="Javascript1.2">						
  8. حفظ هذه الصفحة إلى سطح المكتب كـ "HoverTest.htm" ثم تصغير FrontPage.
  9. ستلاحظ أن FrontPage حفظ الملفين التاليين إلى سطح المكتب:

    • HoverTest.htm.
    • Animate.js.
    أول ملف صفحة قمت بإنشائها في الخطوات السابقة, الملف الثاني هو مجموعة من الدالات DHTML التي تستخدمها الصفحة.
  10. افتح "HoverTest.htm" في Internet Explorer 4.0 أو الإصدار الأحدث. لاحظ أنه أثناء تحريك الماوس فوق كل زر يجب أن تشاهد اللون تغيير
css html dhtml الصفحة الأمامية

تحذير: تمت ترجمة هذه المقالة تلقائيًا

خصائص

رقم الموضوع: 222949 - آخر مراجعة: 12/05/2015 13:28:58 - المراجعة: 1.3

Microsoft FrontPage 2000 Standard Edition, Microsoft FrontPage 2002 Standard Edition

  • kbnosurvey kbarchive kbmt kbbutton kbprogramming kbscript kbforms kbnewfile kbhowto KB222949 KbMtar
تعليقات