Stop & Start Marquee with Cursor
<html>
<head></head>
<body>
<marquee behavior="scroll" bgcolor="pink" scrolldelay="10" hspace="10%" vspace="10" scrollamount="5" loop="52" direction="right" onmouseover="this.stop();"
onmouseout="this.start();">Go on... STOP ME!
<img src="Desert.jpg" height="60px" width="80px">
<img src="Jellyfish.jpg" height="60px" width="80px">
</marquee>
<p><a style="font-size:11px;color:#999;"
href="http://www.htmlcodes.me/marquees/stop-marquee.cfm">Pause marquee</a></p>
</body>
</html>
<head></head>
<body>
<marquee behavior="scroll" bgcolor="pink" scrolldelay="10" hspace="10%" vspace="10" scrollamount="5" loop="52" direction="right" onmouseover="this.stop();"
onmouseout="this.start();">Go on... STOP ME!
<img src="Desert.jpg" height="60px" width="80px">
<img src="Jellyfish.jpg" height="60px" width="80px">
</marquee>
<p><a style="font-size:11px;color:#999;"
href="http://www.htmlcodes.me/marquees/stop-marquee.cfm">Pause marquee</a></p>
</body>
</html>
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 |
No comments:
Post a Comment