469,645 Members | 1,424 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,645 developers. It's quick & easy.

Marquee

Hi all,

I am looking to add the following scrolling marquee to my website (see code
below)

However instead of using the marquee methods [start | Stop] I want to use
[Up | Down]
and as a person rests their mouse on either word [up | down] the list will
scroll accordingly. I do not want the text to scroll continously - it should
only operate when the Up | Down feature is used.
Any ideas,

thanks.

Sketch.
<marquee id="scroller" direction=up width=100 height=100
style="background-color:#cccccc;border:0px">
Message 1<br>
Message 2<br>
Message 3<br>
Message 4<br>
Message 5<br>
Message 6<br>
Message 7<br>
</marquee><br>

<a href="javascript:scroller.start()">Start</a> | <a
href="javascript:scroller.stop()">Stop</a>

<script>
if (document.all)
scroller.stop()
</script>
Jul 23 '05 #1
1 6219
"Sketcher" <sk******@eircom.net> wrote in message
news:pH******************@news.indigo.ie...
Hi all,

I am looking to add the following scrolling marquee to my website (see code below)

However instead of using the marquee methods [start | Stop] I want to use
[Up | Down]
and as a person rests their mouse on either word [up | down] the list will
scroll accordingly. I do not want the text to scroll continously - it should only operate when the Up | Down feature is used.
Any ideas,

thanks.

Sketch.
<marquee id="scroller" direction=up width=100 height=100
style="background-color:#cccccc;border:0px">
Message 1<br>
Message 2<br>
Message 3<br>
Message 4<br>
Message 5<br>
Message 6<br>
Message 7<br>
</marquee><br>

<a href="javascript:scroller.start()">Start</a> | <a
href="javascript:scroller.stop()">Stop</a>

<script>
if (document.all)
scroller.stop()
</script>

"<MARQUEE ...> creates a scrolling display.
<MARQUEE ...> is an MSIE extension, but is now supported by NS 7."
http://www.htmlcodetutorial.com/_MARQUEE.html

The following works under IE5.5; watch for word-wrap:

<html>
<head>
<title>marquees.htm</title>
</head>
<body>
<marquee id="scroller" direction="up"
width="100" height="50"
style="background-color:#CCCCCC; border:1px solid">
<br> &nbsp; Message 1
<br> &nbsp; Message 2
<br> &nbsp; Message 3
<br> &nbsp; Message 4
<br> &nbsp; Message 5
<br> &nbsp; Message 6
<br> &nbsp; Message 7
</marquee>
<br>
<button onmouseover="scroll(0)"
onmouseout="scroller.stop()"
style="width:50">Up</button>
<button onmouseover="scroll(1)"
onmouseout="scroller.stop()"
style="width:50">Down</button>
<script type="text/javascript">
function scroll(what) {
var dirs = new Array("up", "down");
document.getElementById("scroller").direction = dirs[what];
scroller.start();
}
if (document.all) scroller.stop();
</script>
</body>
</html>
Jul 23 '05 #2

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

2 posts views Thread by Jo_Calico | last post: by
5 posts views Thread by David Ross | last post: by
15 posts views Thread by charlie fortune | last post: by
56 posts views Thread by Ed Jay | last post: by
reply views Thread by gheharukoh7 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.