By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
440,919 Members | 1,047 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 440,919 IT Pros & Developers. It's quick & easy.

Marquee

P: n/a
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
Share this Question
Share on Google+
1 Reply


P: n/a
"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.