Mouseover dropdown menus?

what is the html code for the mouseover drop down menus like on the menu bar for this site?

_marsh_
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Yo
yall nigars needs to mix bking powda wif kokane and sell it.
best wishes
cornwallis
ps.
pshhhhhrrrr
 
Google "Javascript drop down menus" or "CSS drop down menus." There are many different ways to do it, some are better than others depending upon how you want ti to be incorporated into your site.

Get a free Ipod Photo here -- http://www.freephotoiPods.com/?r=13562499
 
#dropmenudiv{

font-weight: bold;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

line-height: 18px;

position: absolute;

border: 1px solid black;

border-color: #202050;

background-color: #23283E;

padding: 2;

-moz-opacity: 0.75;

filter: alpha(opacity=75);

opacity: 0.75;

z-index: 10;

padding: 4;

}

#navbarlink{

color: white;

text-decoration: none;

font-style: normal;

font-size: 12px;

font-family: Arial, Helvetica, sans-serif;

}

#navbarlink:vlink{

color: white;

}

/***********************************************

* AnyLink Drop Down Menu- � Dynamic Drive (www.dynamicdrive.com)

* This notice MUST stay intact for legal use

* Visit http://www.dynamicdrive.com/ for full source code

***********************************************/

/***********************************************

* ... With modifications for menu transparency

* and database interaction by Paul Stanisci

* nopoles@newschoolers.com

***********************************************/

var menu1=new Array()

var menu2=new Array()

var menu3=new Array()

var menu4=new Array()

var menu5=new Array()

var menu6=new Array()

menu1[0]='Front Page'

menu1[1]='History'

menu1[2]='Help'

menu1[3]='FAQ'

menu1[4]='Register'

menu1[5]='Contact NS'

menu2[0]='Forum'

menu2[1]='Members'

menu2[2]='Classifieds'

menu2[3]='Cults'

menu2[4]='Polls'

menu3[0]='My Threads'

menu3[1]='Messages'

menu3[2]='Profile'

menu3[3]='Account Tools'

menu3[4]='Icon'

menu3[5]='Password'

menu3[6]='E-Mail'

menu4[0]='Pictures'

menu4[1]='Videos'

menu4[2]='NS Radio'

menu4[3]='Games'

menu5[0]='Articles'

menu5[1]='Reviews'

menu5[2]='Park Updates'

menu5[3]='Links'

menu5[4]='Tricks'

menu5[5]='Event Calendar'

menu5[6]='Journalist Network'

menu6[0]='NS Clothing'

//var menuwidth='165px' //default menu width

//var menubgcolor='transparent' //menu bgcolor

var disappeardelay=250 //menu disappear speed onMouseout (in miliseconds)

var hidemenu_onclick="no" //hide menu when user clicks within menu?

/////No further editting needed

var ie4=document.all

var ns6=document.getElementById&&!document.all

if (ie4||ns6)

//document.write('')

document.write('')

function getposOffset(what, offsettype){

var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;

var parentEl=what.offsetParent;

while (parentEl!=null){

totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;

parentEl=parentEl.offsetParent;

}

return totaloffset;

}

//function showhide(obj, e, visible, hidden, menuwidth){

function showhide(obj, e, visible, hidden){

if (ie4||ns6)

dropmenuobj.style.left=dropmenuobj.style.top=-500

//if (menuwidth!=""){

//dropmenuobj.widthobj=dropmenuobj.style

//dropmenuobj.widthobj.width=menuwidth

//}

if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")

obj.visibility=visible

else if (e.type=="click")

obj.visibility=hidden

}

function iecompattest(){

return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

}

function clearbrowseredge(obj, whichedge){

var edgeoffset=0

if (whichedge=="rightedge"){

var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15

dropmenuobj.contentmeasure=dropmenuobj.offsetWidth

if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)

edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth

}

else{

var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18

dropmenuobj.contentmeasure=dropmenuobj.offsetHeight

if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)

edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight

}

return edgeoffset

}

function populatemenu(what){

if (ie4||ns6)

dropmenuobj.innerHTML=what.join("")

}

//function dropdownmenu(obj, e, menucontents, menuwidth){

function dropdownmenu(obj, e, menucontents){

if (window.event) event.cancelBubble=true

else if (e.stopPropagation) e.stopPropagation()

clearhidemenu()

dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv

populatemenu(menucontents)

if (ie4||ns6){

//showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)

showhide(dropmenuobj.style, e, "visible", "hidden")

dropmenuobj.x=getposOffset(obj, "left")

dropmenuobj.y=getposOffset(obj, "top")

dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"

dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"

}

return clickreturnvalue()

}

function clickreturnvalue(){

if (ie4||ns6) return false

else return true

}

function contains_ns6(a, b) {

while (b.parentNode)

if ((b = b.parentNode) == a)

return true;

return false;

}

function dynamichide(e){

if (ie4&&!dropmenuobj.contains(e.toElement))

delayhidemenu()

else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))

delayhidemenu()

}

function hidemenu(e){

if (typeof dropmenuobj!="undefined"){

if (ie4||ns6)

dropmenuobj.style.visibility="hidden"

}

}

function delayhidemenu(){

if (ie4||ns6)

delayhide=setTimeout("hidemenu()",disappeardelay)

}

function clearhidemenu(){

if (typeof delayhide!="undefined")

clearTimeout(delayhide)

}

if (hidemenu_onclick=="yes")

document.onclick=hidemenu

Mac 'n' Steeze Movie

Mac 'n' Steeze Trailer
 
Back
Top