This marquee can be made by using tags <marquee> ...</marquee>.
Attributes that are often used are:
Bgcolor = "color" -> To set the background color (background) text
Direction = 'left / right / up / down "-> Set the text direction of movement
Behavior = "scroll / slide / alternate" -> To manage the movement behavior
Scroll -> moving text rotates
Slide -> move the text once and then stopped
Alternate -> text moves from left to right and back again (go back and forth bo)
Title = 'message "-> message will appear when the mouse is hovering over the text
Scrollmount = "number" -> set the speed of movement in pixels, the greater the number semajin fast movements.
Scrolldelay = "number" -> To set the delay time in milli seconds
Loop = "number | -1 | infinite" -> Set number of loops
Widht = "width" -> Set the width of the text block in pixels or percent
To be more clear I will include for example:
Examples of marquee from left to right:
<MARQUEE align="center" direction="right" height="20" scrollamount="2" width="40%">marquee dari kanan ke kiri</MARQUEE>
results:
replacing the word "left" with your desire is: right, up, down
Examples of marquee from behavior:
<MARQUEE Align="center" direction="left" height="20" scrollamount="3" width="60%" behavior="alternate">marquee from behavior</Marquee>
results:
Examples of marquee with variations hurup and background color:
<div align="left"><FONT FACE = "Georgia" color = "White"><B><MARQUEE BGCOLOR="RED" width="100%" scrollamount="3" behavior="alternate">variations hurup and background color</Marquee></b></FONT></div>
results:
There are other variations of the marquee, that is when the mouse was in the area of text marquee will stop and when the mouse is moved back to the place other then the text will move again, this is only adding a little code at the marquee.
For example, please point your mouse to marquee area below:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" height="75" width="50%" align="center">please point here</Marquee>
results:
Examples in his marquee that there is a link:
<marquee align="center" direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100%">
<a href="http://downloadmp3indonesia.net/" target="new">Dowload Mp3 Indonesia</a>
<a href="http://infowisataindonesia.com/" target="new">Info Wisata Indonesia</a>
<a href="http://bagusriyanto.com/" target="new">Obyek Wisata</a></marquee>
results:
Maybe it was just a few examples that can be provided, please fiddle with your own brain in order to create variations on this marquee.


0 comments:
Post a Comment