What is the marquee? Marquee is a HTML code to make an object can moving or walk. Marquee code is a popular code because many blogger using this code at them blog's. Marquee effect can make by using <marquee>...</marquee> tag . However marquee just work if viewed at Internet explorer, if you looking at Firefox it's bad looking.
The attribute which almost used is :
BGCOLOR="color" → to manage background color of an object (teks, image, ..etc).
DIRECTION="left/right/up/down" → to manage direction of the moving object .
BEHAVIOR="scroll/slide/alternate" → to manage behavior of the moving object .
Scroll → object moving scroll.
Slide → object moving 1 time and then stop.
Alternate → object moving from left to right and then return again.
TITLE='message" → The title or message will emerge when the computer mouse at the marquee object.
SCROLLMOUNT="number" → to manage the speed of marquee, ever greater of number is faster his speed.
SCROLLDELAY="number" → to manage delay time, it's on second.
LOOP="number|-1|infinite" → to manage sum of looping.
WIDTH="number" → to manage width of marquee object, it's on pixel (px) or persen (%).
So that clearer I will show the example :
The example of marquee from direction :
</marquee>
the result :
Change the word "left" with other word what you want, there is : right, up, down.
The example of marquee from behavior :
The result :
The example from marquee of text variation with background color.
The example of marquee of text variation with background color.
The result :
The attribute which almost used is :
BGCOLOR="color" → to manage background color of an object (teks, image, ..etc).
DIRECTION="left/right/up/down" → to manage direction of the moving object .
BEHAVIOR="scroll/slide/alternate" → to manage behavior of the moving object .
Scroll → object moving scroll.
Slide → object moving 1 time and then stop.
Alternate → object moving from left to right and then return again.
TITLE='message" → The title or message will emerge when the computer mouse at the marquee object.
SCROLLMOUNT="number" → to manage the speed of marquee, ever greater of number is faster his speed.
SCROLLDELAY="number" → to manage delay time, it's on second.
LOOP="number|-1|infinite" → to manage sum of looping.
WIDTH="number" → to manage width of marquee object, it's on pixel (px) or persen (%).
So that clearer I will show the example :
The example of marquee from direction :
<marquee align="center" direction="left" height="200" scrollamount="2" width="100%"> this is example of marquee, the text moving from rigt to the left </marquee>
the result :
Change the word "left" with other word what you want, there is : right, up, down.
The example of marquee from behavior :
<marquee align="center" direction="left" height="200" scrollamount="4" width="100%" behavior="alternate"> this is example of marquee from behavior </marquee> The result :
The example from marquee of text variation with background color.
<div align="left"><font face="georgia" color="White"><B><marquee bgcolor="red" width="100%" scrollamount="3" behavior="alternate"> The example of marquee of text variation with background color.
</marquee></b></font></div> The result :
There is differ various from marquee, namely when computer mouse is reside in the marquee area the object will stop and when computer mouse in re-shifting to the other place the object will moving again. To make this effect only adding a few code at the marquee code.
For example, Please drop your computer mouse to the marquee area :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" align="center"> Please drop your computer mouse to here and you will be see the effect
</marquee> The result :
The example of marquee with links object :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center"> <a href="http://rubrik-elektronik.blogspot.com" target="new">Rubrik Elektronik</a><br />
<a href="http://kolom-tutorial.blogspot.com" target="new">Blog kang Rohman </a><br />
<a href="http://template-unik.blogspot.com" target="new">UniQue Template </a><br />
<a href="http://css-lybrary.blogspot.com" target="new">CSS Library </a><br />
</marquee>
The result :
Perhaps only that for example, please creat other various of marquee effect with your self. See you at may next post. Happy blogging!
Post a Comment