<script type="text/javascript">
<!--
function flash1(){
txt1=document.getElementById("text1")
if(txt1.style.visibility=="visible"){
txt1.style.visibility="hidden"
t=1500
}
else{
txt1.style.visibility="visible"
t=1000
}
setTimeout("flash1()",t)
}
setTimeout("flash1()",1000)
// -->
</script>
<div id="text1" style="visibility:visible;font-size:40">A Simple Flash</div>
<script type="text/javascript">
function flash2(){
txt2=document.getElementById("text2")
if(txt2.style.color==""){
txt2.style.color="#55aa55" }
else{
txt2.style.color=""
}
}
setInterval("flash2()", 1500)
</script>
<div id="text2"> Your Text Here</div>
<script type="text/javascript">
moz=document.getElementById&&!document.all
function flash3(){
txt3=document.getElementById("text3")
if (txt3.style.color==(!moz?"rgb(125,0,0)":"rgb(125, 0, 0)")){ //why the space for moz???
txt3.style.color="rgb(255,0,0)"
}
else{
txt3.style.color="rgb(125,0,0)"
}
}
setInterval("flash3()", 1000)
</script>
<div id="text3" style="color:rgb(125,0,0)"> Your Text Here</div>
Onmouseout within the div causes the effect to stop as the mouse moves over the text?
Detecting when the mouse is over the body and placing onmouseover="stopFlash(event)" in the opening body tag works ok