منتدى طلاب جامعة السودان المفتوحة
اسرة منتدى طلاب جامعة السودان المفتوحة تتمنى لكم اقامة طيبة برفقتها نرجو الدخول اذا كنت عضوا او التسجيل او زر اخفاء للزوار


المدير العام المنتدى : وليد عبدالوهاب احمد
 
الرئيسيةالمنشوراتالتسجيلدخول

شاطر | 
 

 Marquee Attributes

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
Admin
Admin
avatar

عدد المساهمات : 736
تاريخ التسجيل : 16/07/2010
العمر : 36

مُساهمةموضوع: Marquee Attributes   الأربعاء فبراير 01, 2012 6:50 pm

Marquee Codes

This page contains marquee codes. Feel free to copy and paste the marquee codes into your own website, blog, MySpace page, or other HTML document. And feel free to modify the code as you wish.

Also, please consider keeping the link back to this website - if you do it will be very much appreciated!

Continuous Scrolling Marquee Code
The following example demonstrates what the basic HTML marquee code does. The marquee tag allows stuff (i.e. text, images, etc) to scroll across the page.

Using behavior="scroll" sets the marquee to scroll continuously - that is, every time the text has scrolled all the way across, it starts again. It's basically in a loop. We set its direction using the direction.

Horizontal Marquee
This HTML marquee is scrolling horizontally from right to left. Although this tends to be the default, you can specify direction="left" in the HTML code. You can also set it to right, up, and down (see below).

Source Code Result
الكود:

<!-- Codes by HTMLcodes.me -->
<marquee behavior="scroll" direction="left">Your left scrolling marquee text goes here</marquee>
<p><a  style="font-size:11px;color:#999;" href="http://www.html.am/html-editors/online-html-editor.cfm">HTML editor</a></p>  Your left scrolling marquee text goes here
Vertical Marquee Code
Here, the text scrolls upward. This is acheived by using both behavior="scroll" and direction="up". You could change this to direction="down" if you prefer.

Source Code Result
الكود:
<!-- Codes by HTMLcodes.me -->
<marquee behavior="scroll" direction="up">Your vertically scrolling marquee text goes here</marquee>
<p><a  style="font-size:11px;color:#999;" href="http://www.html.am/html-editors/online-html-editor.cfm">HTML editor</a></p>  Your vertically scrolling marquee text goes here
Slide-in Marquee Code
This example sets the text to slide in, and then stay there. It doesn't loop continuously like the above examples. It simply slides in, then stops. This is acheived by using behavior="slide".

Tip: If you don't see the text sliding in here, refresh the page - the text probably slid in before you noticed it!

Source Code Result
الكود:
<!-- Codes by HTMLcodes.me -->
<marquee behavior="slide" direction="left">Your marquee (slide-in) text goes here</marquee>
<p><a  style="font-size:11px;color:#999;" href="http://www.html.am/html-editors/online-html-editor.cfm">HTML editor</a></p>  Your marquee (slide-in) text goes here
Bouncing Marquee Code
Here, the text bounces back and forth. This is acheived by using behavior="alternate".

Source Code Result
الكود:
<!-- Codes by HTMLcodes.me -->
<marquee behavior="alternate" direction="left">Your bouncing marquee text goes here</marquee>
<p><a  style="font-size:11px;color:#999;" href="http://www.html.am/html-editors/online-html-editor.cfm">HTML editor</a></p>  Your bouncing marquee text goes here
Marquee Speed
You can speed up or slow down your marquees by using the scrollamount attribute along with a numeric value. Here, we use several values to set different marquees speed.

Source Code Result
الكود:
<!-- Codes by HTMLcodes.me -->
<marquee behavior="scroll" direction="right" scrollamount="10">Hare</marquee>
<marquee behavior="scroll" direction="right" scrollamount="5">Tortoise</marquee>
<marquee behavior="scroll" direction="right" scrollamount="1">Snail</marquee>
<p><a  style="font-size:11px;color:#999;" href="http://www.html.am/html-editors/online-html-editor.cfm">HTML editor</a></p>  Hare
Tortoise

Snail

Scrolling Images
You can also make images scroll. To do this, simply add image code within the marquee tag instead of text. Here, we add an animated gif - one which suits the scrolling motion of the marquee.

Source Code Result
الكود:
<!-- Codes by HTMLcodes.me -->
<marquee behavior="scroll" direction="left"><img src="http://www.htmlcodes.me/images/marquees/flying_bat.gif" width="125" height="82" alt="Flying bat in a marquee" /></marquee>
<p><a  style="font-size:11px;color:#999;" href="http://www.html.am/html-editors/online-html-editor.cfm">HTML editor</a></p> 
Images and Text
There's nothing to stop you putting more than one HTML element inside your HTML marquee codes. Doing so will make both scroll.

Source Code Result
الكود:
<!-- Codes by HTMLcodes.me -->
<marquee behavior="scroll" direction="left">
<div style="text-align:center;">
<img src="http://www.htmlcodes.me/images/marquees/flying_bat.gif" width="125" height="82" alt="Flying bat in a marquee" /><br />Bruce the Bat
</div>
</marquee>
<p><a  style="font-size:11px;color:#999;" href="http://www.html.am/html-editors/online-html-editor.cfm">HTML editor</a></p> 
Bruce the Bat

Marquee Attributes
The marquee tag accepts a number of attributes (some of which are included in the above examples). Feel free to experiment with these settings to see the effect they have on your scrolling text. The full list of attributes are:

width Sets the width of the marquee scrollamount How far to jump as it moves
height Sets the height of the marquee loop How many times it should loop
direction Sets the direction of the marquee bgcolor Sets the background color of the marquee
behavior Whether to slide, bounce, or scroll hspace Sets the amount of horizontal space around the marquee
scrolldelay How long the marquee should wait before each jump vspace Sets the amount of vertical space around the marquee




الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://ous8.withme.us
 
Marquee Attributes
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى طلاب جامعة السودان المفتوحة :: منتدى لغات البرمجه :: منتدى HTML-
انتقل الى: