Solved

Pause <marquee>

Posted on 2006-11-23
2
2,098 Views
Last Modified: 2012-06-27
Hi Experts all

I'm not sure if here or the Javascript section is the place to ask this, but, here goes.

I've been hunting around the web for a cross-browser marquee script that I can put in my external javascript script file without any success. However, I have since found out that  Firefox (and so I presume new Netscape's) support the <marquee> tag, so this will surfice.

I need to be able to pause the <marquee> tag when the user passes their mouse over the scrolling text and then continues the scroll when the mouse is moved away. Is this possible?

As I said, I have seen and tried various scripts from around the web without success as they don't work in the way I want - they either need to be placed inside the body tag of all of the pages (and this isn't practicible at this time) or run from an external script which is then called from each has to be placed on each page (again, not practicible). I need to use it from within an existing 'document.write' tag hence the use of <marquee>.

Any thoughts or scripts that will solve my dilemma?

Many thanks in advance for the help.

Warmest regards

Martin
0
Comment
Question by:Martin Cotterill
2 Comments
 
LVL 43

Accepted Solution

by:
TimCottee earned 500 total points
ID: 18003099
Hi Pantyboy,

Something like this:

<marquee onmouseover="this.stop();" onmouseout="this.start();" direction=left scrollamount=5 width=100px>This is some text that should be scrolling across this section</marquee>


Tim Cottee
0
 
LVL 1

Author Comment

by:Martin Cotterill
ID: 18003113
Hi Tim

Many thanks for the super fast reply!

I knew I could rely on my friends at EE to come up with the answer.

Absolutely brilliant!!!

Once again, many thanks! You're a star!

Martin
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

696 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question