×

سيتي بقت فودلارا

سيتم نقل محتوي موقع سيتي الي موقعنا الجديد فودلارا


مميزات جديدة في الدورات وتشغيل الدورات
لو مشترك معانا بموقعنا سيتي هتقدر تدخل فودلارا بحسابك القديم في موقع فودلارا مجانا
و خلال شهر نوفمبر وديسمبر فلاش سيل وتخفيضات من 30 وحتي 50 بالمائة علي جميع الدورات
اضغط هنا .. 👇👇
www.vodlara.com
تحريك شريط اخباريي بموقعك  Html marquee

تحريك شريط اخباريي بموقعك Html marquee

كيف تضع شريط اخبري متحرك الي اليمين او اليسار او تكون الحركة بالاعلي او الاسفل وغيرها من الخصائصمن خلال مايسمي Html Marquee code

 

قد تحتاج كود التحريك في موقع اخباري او في تحريك اخر الاخبار او موقع بورصة لتحريك اخبار الموقع ..حيث يستخدم لتحريك صورة او نص او لينك في الموقع

 

لكي تحرك اي شئ سواء نص او صورة ضعه بين تاج يسمي

Marquee Code

 

<marquee direction="right">يمين</marquee>

يمين


يمين

 

وهنا توجد خاصية تسمي الاتجاة الخاص بالحركة سيكون باي اتجاة هنا اعطيته الاتجاة الايمن من الصفحة

 

 

  <marquee direction="left" loop="5" bgcolor="red">خبر 1    خبر 2    خبر 3   خبر 4</marquee>

  خبر 1 خبر 2 خبر 3 خبر 4

 


خبر 1 خبر 2 خبر 3 خبر 4

يوجد خاصية اخري تسمي عدد مرات التحريك اذا كتبتها سيكون بعدد معين من الحركة وتسمي

Loop=العدد

 

 

كيف احرك اداة مثل التكستبوكس او صورة او اي شئ ..يكون بنفس الطريقة ايضا

 

<marquee direction="right" >  <img src="dog.gif" />خبر    </marquee>

 

 

 

 

الان اريد عند الوقوف بالماوس علي الاخبار تقف لكي اضغط عليها واذا قمت بابعاد الماوس تحركت الاخبار مرة اخري . يتم ذلك من خلال خاصية تسمي

Onmouseover  عند الوقوف بالماوس

 

 Onmouseout عند ابعاد الماوس

 

 

 

<marquee  direction="right" bgcolor="blue"  onmouseover="this.stop();" onmouseout="this.start();">

<img src="http://www.fillster.com/images/dog.gif" />

خبر 1    خبر 2    خبر 3   خبر 4</marquee>

 

  خبر 1 خبر 2 خبر 3 خبر 4

 

 

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

 


خبر
لينك تحميل المثال من هنا

 




#تحريك شريط اخباريي بموقعك Html marquee

رابط الموضوع
https://www.citystarit.com/Article_details.aspx?id=138

كلمات بحث

بواسطة
مصر
سيتي ستار لتكنولوجيا المعلومات
سيتي ستار لتكنولوجيا المعلومات

عودة لمقالات الموقع