FRIHOST FORUMS SEARCH FAQ TOS BLOGS COMPETITIONS
You are invited to Log in or Register a free Frihost Account!


Drop down menu things





brilliantbeauty
http://www.fanfictionworld.net/hparchive/

^See the drop down menus under things like read, and how it seems like the buttons press in when you mouseover them? i sthat a script or something? Is the mouseover simply an image mouseover code? Confused Thanks to whoever can help me!
Marston
Well, without looking at the source code, I'd wager that those're javascripts, and yeah, that looks a mouseover javascript. If you wanted something like that on your site, I'd reccomend visiting www.dynamicdrive.com (specifically, this page) Smile.
Stubru Freak
brilliantbeauty wrote:
http://www.fanfictionworld.net/hparchive/

^See the drop down menus under things like read, and how it seems like the buttons press in when you mouseover them? i sthat a script or something? Is the mouseover simply an image mouseover code? Confused Thanks to whoever can help me!


Put this Javascript in your <head>
Code:
<script language="Javascript" type="text/javascript">
function Toggle(ElementID){
Toggle=false;
function ToggleMenuItem() {
  if (Toggle==true) {
    document.getElementById(ElementID).className = "MenuItemShow";
   Toggle=false;
  } else {
    document.getElementById(ElementID).className = "MenuItemHide";
   Toggle=true;
  }
}
}
</script>


This in your css.
div.MenuItemShow { visibility: visible; }
div.MenuItemHide { visibility: hidden; }

Then make two divs for every menu:
<div><a OnMouseOver="ToggleMenuItem('MenuNumber1')">Menu Item 1</a></div>
<div OnMouseOut="ToggleMenuItem('MenuNumber1')" id="MenuNumber1" class="MenuItemHide" style="position: absolute; GIVE POSITION OF MENU HERE"></div>

Then for the mouseover effect:
You can do it using javascript, or using CSS.
CSS method is like this:
A { Normal link style information here}
A:hover { mouseover style information here }

Hope this helped Smile

PS: There may be some mistakes, if it doesn't work and you can't find them yourself, you can always contact me Very Happy
am3n
Marston wrote:
Well, without looking at the source code, I'd wager that those're javascripts, and yeah, that looks a mouseover javascript. If you wanted something like that on your site, I'd reccomend visiting www.dynamicdrive.com (specifically, this page) Smile.


please try to use tigra menu
you can download from here...
http://www.softcomplex.com/products/tigra_menu/

i hv implemented here
http://www.bo-tak.info which the original blog - Rodin -
http://rodin.lot23.com/ didn't include it.
Bikerman
Check the date Sad
Locked
Related topics
how to make hover drop menus without flash?
drop down menus
help on a drop down menu!! Please Read!!
Drop down Menu
Looking for Drop Down and Tab Menu Effects
Having Trouble With Drop Down Menus
css Drop-Down menu issue
extra line from css in drop down menu
Menu + drop down
Do you lose PR when using a drop down menu?
Drop Down Menu
Drop down Menu
set selected value in drop down
drop right down menu
This topic is locked: you cannot edit posts or make replies.    Frihost Forum Index -> Scripting -> Php and MySQL

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2011 Frihost, forums powered by phpBB.