html marquee

7
Introduction to HTML Marquee HAMEDA HURMAT

Upload: hameda-hurmat

Post on 19-Jul-2015

54 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: HTML Marquee

Introduction toHTML Marquee

HAMEDA HURMAT

Page 2: HTML Marquee

Definitionsmarquee element is used to insert a scrolling area of text.

<marquee>

This text

</marquee>

Page 3: HTML Marquee

AttributesBehavior

Sets how the text is scrolled within the marquee. Possible values are scroll, slide and alternate. If no value is specified, the default value is scroll.

<marquee behavior=alternate>

bgcolor

Sets the background color through color name or hexadecimal value.

<marquee bgcolor=FFFEE3>

Direction

Sets the direction of the scrolling within the marquee. Possible values are left, right, up and down. If no value is specified, the default value is value.

<marquee direction="left">

Page 4: HTML Marquee

AttributesHeight

Sets the height in pixels or percentage value.

<marquee width="250“>

Width

Sets the width in pixels or percentage value.

<marquee height="200">

Hspace

Sets the horizontal margin

<marquee hspace=350>

Vspace

Sets the vertical margin in pixels or percentage value.

<marquee vspace=350>

Page 5: HTML Marquee

AttributesLoop

Sets the number of times the marquee will scroll. If no value is specified, the default value is -1, which means the marquee will scroll continuously.

<marquee loop=2>

Scrollamount

Set the amount of scrolling at each interval in pixels. The default value is 6.

<marquee scrollamount=40>

Scrolldelay

Sets the interval between each scroll movement in milliseconds. The default value is 85. Note that any value smaller than 60 is ignored and the value 60 is used instead, unless truespeed is specified.

<marquee scrolldelay=500>

Page 6: HTML Marquee

Examples<marquee>This text will scroll from right to left</marquee>

<marquee direction="up">This text will scroll from bottom to top</marquee>

<marquee direction="down" width="250" height="200" behavior="alternate" style="border:solid">

<marquee behavior="alternate">

This text will bounce

</marquee>

</marquee>

Page 7: HTML Marquee

Thank You