It appears you have not yet registered with DEVPPL. To register please click here... (it's fast, easy and free!)

Forum

Log In Sponsors
Board index Programming JavaScript Forum

Making Javascript menu Semi-transparent??? Help Please

Making Javascript menu Semi-transparent??? Help Please

Postby Farmerboy05 on Thu Oct 14, 2004 5:28 pm

Ok, what I'm looking to do is make the pop-up javascript menu on my site, semi-transparent because it goes along with the style of the page and would flow with it right. I can't figure out how exactly to do it though. If anyone could give me some help I would greatly appreciate it.
Here's the coding that I have. And Yes I need to start putting notes in it soon before it gets too extensive.

<script language="JavaScript" type="text/JavaScript">function mmLoadMenus() {
if (window.mm_menu_1012140623_0) return;
window.mm_menu_1012140623_0 = new Menu("root",167,18,"Arial, Helvetica, sans-serif",12,"#000000","#000000","#FFFFFF","#CCCCCC","center","middle",3,0,9999,-5,7,true,false,true,0,false,true);
mm_menu_1012140623_0.addMenuItem("Movie 1");
mm_menu_1012140623_0.addMenuItem("Movie 2");
mm_menu_1012140623_0.addMenuItem("Movie 4");
mm_menu_1012140623_0.addMenuItem("Movie 5");
mm_menu_1012140623_0.fontWeight="bold";
mm_menu_1012140623_0.hideOnMouseOut=true;
mm_menu_1012140623_0.bgColor='#555555';
mm_menu_1012140623_0.menuBorder=1;
mm_menu_1012140623_0.menuLiteBgColor='';
mm_menu_1012140623_0.menuBorderBgColor='#000000';

mm_menu_1012140623_0.writeMenus();
} // mmLoadMenus()
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<link href="SpartanStudios.css" rel="stylesheet" type="text/css">
<script language="JavaScript" src="mm_menu.js"></script>
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" bgproperties="fixed" marginwidth="0" marginheight="0" class="spartanstudios" onLoad="MM_preloadImages('RolloverButtons&amp;Images/IntroRollovers.jpg','RolloverButtons&amp;Images/MoviesRollover.jpg','RolloverButtons&amp;Images/SportsRollover.jpg','RolloverButtons&amp;Images/ArchivesRollover.jpg','RolloverButtons&amp;Images/StoreRollover.jpg','Mainpage/Images/newscastbtnrollover.jpg','Mainpage/Images/wkplbuttonrollover.jpg')">
<script language="JavaScript1.2">mmLoadMenus();</script>
Farmerboy05
 
Posts: 0
Joined: Thu Oct 14, 2004 5:11 pm
Location: MI

Postby Malcolm on Thu Oct 14, 2004 10:51 pm

If you use layers (div elements) you can use the -moz-opacity CSS style for Mozilla/Netscape browsers.
Image
User avatar
Malcolm
100+ Club
 
Posts: 198
Joined: Thu Oct 07, 2004 9:53 pm
Location: Ontario, Canada


Who is online

Users browsing this forum: psbot [Picsearch] and 9 guests