Menu
hey. i was wondering if you could help me.
I’ve been creating my site for a while now and I can not get to grasp with this one task.
basically i want to use the hover over style that is used on this “[B]semi_opaque_menu[I][url]http://www.dynamicdrive.com/style/csslibrary/item/css3_semi_opaque_menu/[B]Switch Menu[I][url]http://www.dynamicdrive.com/dynamicindex1/switchmenu.htm
“[I]-What’s New
– What’s hot
– Revised Scripts
– More Zone
to box when they get hovered over.
please help as I have been trying for a while. is there any code that I can use that can do that? thanks.
[I][COLOR="Sienna"]<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<style><!--a:hover{color:none; style:Block: text-decoration:Block; background-color:none; }--></style>
<body bgcolor="#b1e958">
<html>
<head>
<br> <br>
<td><!-- menu -->
<style type="text/css">
.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#b1e958;
color:#000000;
width:140px;
padding:2px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}
.submenu{
margin-bottom: 1.0em;
}
</style>
<script type="text/javascript">
/***********************************************
* Switch Menu script- by Martial B ofhttp://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visithttp://www.dynamicdrive.com/ for full source code
***********************************************/
if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">n')
document.write('.submenu{display: none;}n')
document.write('</style>n')
}
function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
if(el.style.display != "block"){ //DynamicDrive.com change
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu") //DynamicDrive.com change
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "block";
}
}
}
</script>
</head>
<body>
<!-- Keep all menus within masterdiv-->
<div id="masterdiv">
<FONT FACE="modern">
<div class="menutitle" onclick="SwitchMenu('sub1')"> <FONT COLOR="#000000">Free / Almost Free</FONT></div>
<span class="submenu" id="sub1">
- <A HREF="testing/freebies.php"title="Freebies"target=Main><FONT COLOR="#000000">Freebies</A><br>
- <A HREF="Free_Trial.cshtml"title="Free Trial"target=Main><FONT COLOR="#000000">Free Trial</A><br>
- <A HREF="Surveys.cshtml"title="Surveys"target=Main><FONT COLOR="#000000">Surveys</A><br>
- <A HREF="Competitions.cshtml"title="Competitions"target=Main><FONT COLOR="#000000">Competitions</A><br>
- <A HREF="min_pay.cshtml"title="Little Payment Required"target=Main><FONT COLOR="#000000">Little Payment</A><br>
</span>
<div class="menutitle" onclick="SwitchMenu('sub2')"> <FONT COLOR="#000000">Shopping</FONT></div>
<span class="submenu" id="sub2">
- <A HREF="Highstreet.cshtml"title="High Street Stores"target=Main><FONT COLOR="#000000">High Street</A><br>
- <A HREF="Online.cshtml"title="Online Stores"target=Main><FONT COLOR="#000000">Online Only</A><br>
- <A HREF="credit.cshtml"title="Credit Cards"target=Main><FONT COLOR="#000000">Credit Cards</A><br>
</span>
<div class="menutitle" onclick="SwitchMenu('sub3')"> <FONT COLOR="#000000">Travel</FONT></div>
<span class="submenu" id="sub3">
- <A HREF="motor.cshtml"style="text-decoration: none;"title="Buy, Test Drive A New Motor"target=Main><FONT COLOR="#000000">Motor</A><br>
- <A HREF="Travel.cshtml"style="text-decoration: none;"title="Travel Agents"target=Main><FONT COLOR="#000000">Travel Agents</A><br>
- <A HREF="flights.cshtml"style="text-decoration: none;"title="Flights"target=Main><FONT COLOR="#000000">Flights</A><br>
- <A HREF="Days_out.cshtml"style="text-decoration: none;title="Days Out"target=Main><FONT COLOR="#000000">Days Out</A><br>
</span>
<div class="menutitle" onclick="SwitchMenu('sub4')"> <FONT COLOR="#000000">Insurance</FONT></div>
<span class="submenu" id="sub4">
- <A HREF="insure_home.cshtml"title="Home Insurance"target=Main><FONT COLOR="#000000">Home</A><br>
- <A HREF="insure_car.cshtml"title="Car Insurance"target=Main><FONT COLOR="#000000">Car</A><br>
- <A HREF="insure_travel.cshtml"title="Travel Insurance"target=Main><FONT COLOR="#000000">Travel</A><br>
- <A HREF="insure_pet.cshtml"title="Pet Insurance"target=Main><FONT COLOR="#000000">Pet</A><br>
</span>
<div class="menutitle" onclick="SwitchMenu('sub5')"> <FONT COLOR="#000000">Catagorys</FONT></div>
<span class="submenu" id="sub5">
- <A HREF="electrical.cshtml"title="Electrical Goods"target=Main><FONT COLOR="#000000">Electrical</A><br>
- <A HREF="DVD.cshtml"title="DVD's, Bluerays, Books, Console Games"target=Main><FONT COLOR="#000000">Entertainment</A><br>
- <A HREF="clothing.cshtml"title="Fashoin Clothing"target=Main><FONT COLOR="#000000">Fashion</A><br>
- <A HREF="music.cshtml"title="Mp3's & CD's"target=Main><FONT COLOR="#000000">Music</A><br>
- <A HREF="gamble.cshtml"title="Bingo, Poker and more"target=Main><FONT COLOR="#000000">Gambling</A><br>
</span>
</body>
</html>[/COLOR][/I]
[/QUOTE]
0.1.9 — BETA 5.20