kenara
09-09-2003, 02:46 PM
help i need help with on how to change the curser on an image rollover
this has to be in javascript also to get a scrolling status bar text
here is what i have got so far please help me
<html>
<head>
<title></title>
<script language="Javascript" type="text/javascipt">
<!-- Hide script from non-JavaScript browsers
firstimage = new Image
secondimage = new Image
firstimage.src ="Katy.bmp"
secondimage.src ="molly.bmp"
msgText = "Kylie Mcgoldrick HND Multmedia"
i = 0
function Scroller()
{
window.status = msgText.substring(i,
msgText.length) = ' ' + msgTeext.substring(0, i - 1)
if (i , msgtext.length)
{
i++
}
else
{
i = 0
}
setTimeout("Scroller()", 100)
}
// End hiding srcipt from non-JavaScript browsers -->
</script>
</head>
<body onLoad="Scroller()">
<div align="center">
<noscript>
This page requires JavaScript<br>
</noscript>
<a href="#" onMouseOver=document.image1.src="Katy.bmp"
onMouseOut=document.image1.src="molly.bmp">
<img src="molly.bmp" width=100 height=100 border=0
name="image1"></a>
<a href= Javascript:void" onMouseOver= "this.style.cursor = 'crosshair'; return
true;" onMouseOut="this.style.cursor = 'normal' ; return true; " >Cursor l</a>
</div>
</body>
</html>
this has to be in javascript also to get a scrolling status bar text
here is what i have got so far please help me
<html>
<head>
<title></title>
<script language="Javascript" type="text/javascipt">
<!-- Hide script from non-JavaScript browsers
firstimage = new Image
secondimage = new Image
firstimage.src ="Katy.bmp"
secondimage.src ="molly.bmp"
msgText = "Kylie Mcgoldrick HND Multmedia"
i = 0
function Scroller()
{
window.status = msgText.substring(i,
msgText.length) = ' ' + msgTeext.substring(0, i - 1)
if (i , msgtext.length)
{
i++
}
else
{
i = 0
}
setTimeout("Scroller()", 100)
}
// End hiding srcipt from non-JavaScript browsers -->
</script>
</head>
<body onLoad="Scroller()">
<div align="center">
<noscript>
This page requires JavaScript<br>
</noscript>
<a href="#" onMouseOver=document.image1.src="Katy.bmp"
onMouseOut=document.image1.src="molly.bmp">
<img src="molly.bmp" width=100 height=100 border=0
name="image1"></a>
<a href= Javascript:void" onMouseOver= "this.style.cursor = 'crosshair'; return
true;" onMouseOut="this.style.cursor = 'normal' ; return true; " >Cursor l</a>
</div>
</body>
</html>