Rain/Snow Effect and A drop Down Menu

**nssh** · 12-01-2004, 04:07 PM

I don't know what the drop down menu is, but I think that it is HV Menu 5.5

I want to have the two on my site, but when I add the snow effect, I loose my menu.

http://www.galenaparkisd.com/nssh/skins/Untitled-1.htm

Here is the code.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style>
<!--
#glowtext{
filter:glow(color=00cc00,strength=2);
width:100%;
}
-->
</style>

<script language="JavaScript1.2">

/*
Glowing Text Script- 
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

function glowit(which){
if (document.all.glowtext[which].filters[0].strength==3)
document.all.glowtext[which].filters[0].strength=2
else
document.all.glowtext[which].filters[0].strength=3
}

function glowit2(which){
if (document.all.glowtext.filters[0].strength==3)
document.all.glowtext.filters[0].strength=2
else
document.all.glowtext.filters[0].strength=3
}

function startglowing(){
if (document.all.glowtext&&glowtext.length){
for (i=0;i<glowtext.length;i++)
eval('setInterval("glowit('+i+')",150)')
}
else if (glowtext)
setInterval("glowit2(0)",150)
}

if (document.all)
window.onload=startglowing
</script>

<style>
.drop { position: absolute; width: 3;  filter: flipV(), flipH(); font-size: 40; color: blue }
</style>
<script language="javascript">

//Rain/Snow effect- By Craig Blanchette Craiga.topcities.com
//Script featured on Dynamic Drive
//Visit http://www.dynamicdrive.com for this script and more

snow = true;    // false-rain;   true-snow
snowsym = " * "  //These are the symbols for each
rainsym = " ' "  //You can put images here.
howmany = 20     //How many drops/snowflakes?

/**************Do not need to change anything below***********/
if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
else{sym = rainsym; speed=50; drops=howmany; angle=6}
movex = -speed/angle; movey = speed; count = 0;

function moverain(){
for(move = 0; move < drops; move++){
xx[move]+=movex;  yy[move]+=mv[move];
hmm = Math.round(Math.random()*1);
if(xx[move] < 0){xx[move] = maxx+10;}
if(yy[move] > maxy){yy[move] = 10;}
drop[move].left = xx[move]
drop[move].top = yy[move]+document.body.scrollTop;
}setTimeout('moverain()','1')}

</script>
</head>

<body bgcolor="#990000" link="#003300" vlink="#CC0033" alink="#CC0033">
<script type='text/javascript'>

//HV Menu- by Ger Versluis (http://www.burmees.nl/)
//Submitted to Dynamic Drive (http://www.dynamicdrive.com)
//Visit http://www.dynamicdrive.com for this script and more

function Go(){return}

</script>
<script type='text/javascript' src='http://galenaparkisd.com/nssh/skins/3/exmplmenu_var.js'></script>
<script type='text/javascript' src='http://galenaparkisd.com/nssh/skins/3/menu_com.js'></script>
<noscript>
<strong><font color="#FFFFFF">Your browser does not support script</font></strong> 
</noscript>
<table width="754" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000">
  <tr> 
    <td height="17" bgcolor="#990000"></td>
  </tr>
  <tr>
    <td bgcolor="#000000">
<div align="center"><img src="http://www.galenaparkisd.com/nssh/skins/3/banner.jpg" width="748" height="120"></div></td>
  </tr>
  <tr> 
    <td height="138" background="3/tile.png" bgcolor="#FFFFFF"> <div align="center"> <span id="glowtext">
        <p>Intert Text Here. Also Content. HA HA HA</p>
        <p><a href="http://www.google.com">google</a></p>
     </span> </div></td>
  </tr>
  <tr> 
    <td height="21" bgcolor="#980000"> <div align="center"><strong><font color="#FFFFFF">Copyright&copy; 
        - North Shore Senior High School - All Right Reserved</font></strong></div></td>
  </tr>
</table>
<script language="javascript">

if (document.all){
drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array()
ly = "document.all[\'"; st = "\'].style"
for(make = 0; make < drops; make++){
document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');
drop[make] = eval(ly+'drop'+make+st);
maxx = document.body.clientWidth-40
maxy = document.body.clientHeight-40
xx[make] = Math.random()*maxx;
yy[make] = -100-Math.random()*maxy;
drop[make].left = xx[make]
drop[make].top = yy[make]
mv[make] = (Math.random()*5)+speed/4;
drop[make].fontSize = (Math.random()*10)+20;
if(snow){col = 'white'}else{col = 'blue'}
drop[make].color = col;
}
window.onload=moverain
}
</script>
</body>
</html>

**cr3ative** · 12-01-2004, 04:24 PM

You can't generally use two scripts on one page. There's a link in my signature which may allow you to do so however.

cr3ative

**nssh** · 12-01-2004, 06:42 PM

Well, I actually have 3 different types of Javascripts, but I am only having problems with my menu when I add the snow.

I have checked and I can't find any dupicates of variable names, functions, or access to an event handler in the two things. Could there be something else that I am forgetting? Or another way that I may fix my problem?

Thread: Rain/Snow Effect and A drop Down Menu

Thread Tools

Search Thread

Rain/Snow Effect and A drop Down Menu

Bookmarks

Bookmarks

Posting Permissions