Printable View
On my home page - www.stonecricketclub.co.uk i have scrolling text. I like the speed it goes but i was wondering if there is script you can use so you can add a button either side that you can view fast forward it and rewind it
Would really appreciate expert knowledge :)
Where exactly is this scrolling text? All I saw was a status line scroller on the Contacts page, and few will see that.Quote:
Originally Posted by fulham7
It's on the exact page he linked us to, under everything.
That page performs a redirect within two seconds, so you don't get a chance to see it, let alone press a button.Quote:
Originally Posted by Nile
When the page is about to redirect, press the stop button, probably next to the navigation bar (at the top of your browser).
Marquee is non-standard, so not all browsers will respond to this:Quote:
Originally Posted by fulham7
Code:<html><body>
<marquee id='mq' scrolldelay="50" align="middle" width="621" height="19" scrollamount="3" style="font-family: 'Adobe Garamond Pro'; font-size: 12pt; color: #000000; background-color: #FFFFFF; text-decoration: blink; text-align: justify; border-style: solid; border-color: #FFFFFF" bgcolor="#FFFFFF">
Stone Cricket Club Beer Festival 19th June for tickets please email <a href="mailto:beerfestival@stonecricketclub.co.uk">beerfestival@stonecricketclub.co.uk</a>..........A rare fifty from Peter Booth (60) alongside a fine all-round bowling performance helps Stone to a 19-run victory over Tewkesbury.
A debut senior fifty for young Richard Boroughs (62*) and 43 from veteran Keith Driver is not enough to see Stone IIs avoid a 47-run defeat at the hands of Tewkesbury's talented second string.
</marquee><br>
<span id='speed'> [TURBO SCROLL] </span> <span id='rev'> [Fwd/Reverse] </span>
<script type='text/javascript'>
function marqueeControl( mqId, factor, speedId, revId )
{
var scroller = document.getElementById( mqId ),
turbo = document.getElementById( speedId ),
reverser = document.getElementById( revId ),
defRate = scroller.scrollAmount,
tLocked = false;
if(scroller.direction == null)
scroller.direction = 'left';
turbo.onmouseover = function(){ scroller.scrollAmount *= factor; };
turbo.onmouseout = function(){ if( !tLocked ){ scroller.scrollAmount = defRate;} };
turbo.onclick = function(){ tLocked ^= true; };
reverser.onmouseover = function(){ scroller.direction = ( scroller.direction == 'left' ? 'right' : 'left' ); };
}
marqueeControl('mq', 5, 'speed', 'rev');
</script>
</body>
</html>
Ahh i see thats great.
Yeah i know im not actually going to use it on that page anymore.
How would you have it so there both turbo but going different directions?
so
(REVERSE) (FASTFORWARD)
Reverse goes right
Fastforward Goes left
Regards
Thanks for the help!!
Quote:
Originally Posted by fulham7
Code:<a href='#' id='speed'> << </a> <a href='#' id='rev'> >> </a>
<script type='text/javascript'>
function marqueeControl( mqId, factor, speedId, revId )
{
var scroller = document.getElementById( mqId ) || badElem( mqId ),
turbo = document.getElementById( speedId ) || badElem( speedId ),
reverser = document.getElementById( revId ) || badElem( revId ),
defRate = scroller.scrollAmount;
turbo.onmouseover = function(){ scroller.scrollAmount = defRate * factor; return false; };
turbo.onmouseout = function(){ scroller.scrollAmount = defRate; return false; };
reverser.onmouseover = function(){ scroller.direction = 'right'; turbo.onmouseover(); return false; };
reverser.onmouseout = function(){ scroller.direction = 'left'; turbo.onmouseout(); return false; };
function badElem( id ){ alert('Element "' +id+ '" not found'); return {}; }
}
marqueeControl('mq', 5, 'speed', 'rev');
</script>
FANTASTIC!
Thats awesome
Any idea why it overlaps on my main page?
Have a look you will catch my drift
http://www.stonecricketclub.co.uk/Latestnews.html
Regards
Probably because the <span> is closed in the wrong place.Quote:
Originally Posted by fulham7