ventsi_konov
Registered
Интересува ме какъв е мода за менюто на http://www.starglowone.com. Сигурен съм че не е лично тяхно защото съм го виждал и другаде. Моля ви трябва ми спешно.
Install the app
How to install the app on iOS
Follow along with the video below to see how to install our site as a web app on your home screen.
Бележка: This feature may not be available in some browsers.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an alternative browser.
You should upgrade or use an alternative browser.
Меню
- Автор ventsi_konov
- Начална дата
http://www.javascriptkit.com/script/script2/dbmenu/
Това е нещо подобно с малко подобрения ще си го направиш
Това е нещо подобно с малко подобрения ще си го направиш
Ето ти джава скрипта за менюто закача се с id="subMenu0" id="subMenu0" id="subMenu1" id="subMenu2" id="subMenu3" до 6
Код:
<script language="JavaScript">
var sub_top = 20;
var x = 0; var y = 0;
var x1 = 0; var y1 = 0;
var x2 = 0; var y2 = 0;
var sel = 0; var temp;
function handlerMM(e) {
if (e.type=="mouseover") { mHide=false; } else { mHide=true; setTimeout("hideMenu()",1000) }
}
function hideMenu() {
if (mHide == true) {
menu = "subMenu" + sel;
document.getElementById(menu).style.visibility = "hidden";
}
}
function showMenu(x) {
menu = "subMenu" + sel;
document.getElementById(menu).style.visibility = "hidden";
sel = x;
menu = "subMenu" + sel;
document.getElementById(menu).style.visibility = "visible";
}
document.getElementById("subMenu0").addEventListener("mouseout", handlerMM, false);
document.getElementById("subMenu0").addEventListener("mouseover", handlerMM, false);
document.getElementById("subMenu1").addEventListener("mouseout", handlerMM, false);
document.getElementById("subMenu1").addEventListener("mouseover", handlerMM, false);
document.getElementById("subMenu2").addEventListener("mouseout", handlerMM, false);
document.getElementById("subMenu2").addEventListener("mouseover", handlerMM, false);
document.getElementById("subMenu3").addEventListener("mouseout", handlerMM, false);
document.getElementById("subMenu3").addEventListener("mouseover", handlerMM, false);
document.getElementById("subMenu4").addEventListener("mouseout", handlerMM, false);
document.getElementById("subMenu4").addEventListener("mouseover", handlerMM, false);
document.getElementById("subMenu5").addEventListener("mouseout", handlerMM, false);
document.getElementById("subMenu5").addEventListener("mouseover", handlerMM, false);
document.getElementById("subMenu6").addEventListener("mouseout", handlerMM, false);
document.getElementById("subMenu6").addEventListener("mouseover", handlerMM, false);
document.getElementById("dynmenMenu").style.visibility = "visible";
</script>Това направо го копнах от сайта който даде
Само снимките трябва да замениш :?:
Код:
<table width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td>
<table width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td><img src='themes/stars_heaven/images/capl.gif' alt='|' width='10'></td>
<td class='scapmain' width='100%'>Dynamic Menu</td>
<td><img src='themes/stars_heaven/images/capr.gif' alt='|' width='10'></td>
</tr>
<tr>
<td style='background-image: url(themes/stars_heaven/images/borderl.gif)'><img src='themes/stars_heaven/images/borderl.gif' alt='|'></td>
<td class='side-body' width='100%'>
<div id="Layer1" style="position:relative; width:150px; height:120; z-index:1; overflow: visible; visibility: visible;">
<div id="dynmenMenu" style="position:absolute; width:100%; top:0; left:0;visibility:hidden;"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="" onmouseover="showMenu(0)" align="left"> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="http://www.starglowone.com/#" target="_self"><span class="side">Main</span></a></td></tr><tr><td width="0" onmouseover="showMenu(2)" align="left"> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="http://www.starglowone.com/#" target="_self"><span class="side">Downloads</span></a></td></tr><tr><td width="0" onmouseover="showMenu(4)" align="left"> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="http://www.starglowone.com/#" target="_self"><span class="side">Contact</span></a></td></tr><tr><td> </td></tr></table></div>
<div class="tbl1" id="subMenu0" style="position:absolute; left:60; top:0; width:180; visibility:hidden; z-index:99;"><table width="180" border="0" cellspacing="0" cellpadding="0"><tr><td class="border" width="15" align="center" valign="middle" style="padding:0,0,0,0;"><span><b>M<br>e<br>n<br>u<br><br></b></span></td><td valign="top"><table border="0" width="100%" cellspacing="1" cellpadding="1"><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="http://www.starglowone.com/index.php" target="_self">Home</a></td></tr><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="http://www.starglowone.com/news_cats.php" target="_self">News</a></td></tr><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="http://www.starglowone.com/faq.php" target="_self">FAQ</a></td></tr><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="http://www.starglowone.com/articles.php" target="_self">Articles</a></td></tr><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="http://www.starglowone.com/forum/index.php" target="_self">Forums</a></td></tr><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="http://www.starglowone.com/weblinks.php" target="_self">WebLinks</a></td></tr><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="http://www.starglowone.com/photogallery.php" target="_self">Gallery</a></td></tr><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="http://www.starglowone.com/search.php" target="_self">Search</a></td></tr><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="http://www.starglowone.com/infusions/user_gold/index.php" target="_self">User Gold</a></td></tr><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="http://www.starglowone.com/recommend.php" target="_self">Recommend Us</a></td></tr></table></td></tr></table></div>
<div class="tbl1" id="subMenu1" style="position:absolute; left:60; top:10; width:180; visibility:hidden; z-index:99;"><table width="180" border="0" cellspacing="0" cellpadding="0"><tr><td class="border" width="15" align="center" valign="middle" style="padding:0,0,0,0;"><span><b><br></b></span></td><td valign="top"><table border="0" width="100%" cellspacing="1" cellpadding="1"><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="infusions/dynamic_menu_panel/restricted.php?allow=101" target="_SELF">Arcade<font color="red">®</font></a></td></tr><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="infusions/dynamic_menu_panel/restricted.php?allow=103" target="_SELF">Kill Monster<font color="red">®</font></a></td></tr><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="infusions/dynamic_menu_panel/restricted.php?allow=101" target="_SELF">Word Games<font color="red">®</font></a></td></tr></table></td></tr></table></div>
<div class="tbl1" id="subMenu2" style="position:absolute; left:60; top:20; width:180; visibility:hidden; z-index:99;"><table width="180" border="0" cellspacing="0" cellpadding="0"><tr><td class="border" width="15" align="center" valign="middle" style="padding:0,0,0,0;"><span><b>D<br>o<br>w<br>n<br>l<br>o<br>a<br>d<br>s<br><br></b></span></td><td valign="top"><table border="0" width="100%" cellspacing="1" cellpadding="1"><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="infusions/dynamic_menu_panel/restricted.php?allow=101" target="_SELF">Categories<font color="red">®</font></a></td></tr><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="infusions/dynamic_menu_panel/restricted.php?allow=101" target="_SELF">Game Packs<font color="red">®</font></a></td></tr><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="infusions/dynamic_menu_panel/restricted.php?allow=101" target="_SELF">PHP-Fusion Infusions<font color="red">®</font></a></td></tr><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="infusions/dynamic_menu_panel/restricted.php?allow=101" target="_SELF">PHP-Fusion Mods<font color="red">®</font></a></td></tr><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="infusions/dynamic_menu_panel/restricted.php?allow=101" target="_SELF">PHP-Fusion Panels<font color="red">®</font></a></td></tr><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="infusions/dynamic_menu_panel/restricted.php?allow=101" target="_SELF">pnFlashGames<font color="red">®</font></a></td></tr></table></td></tr></table></div>
<div class="tbl1" id="subMenu3" style="position:absolute; left:60; top:30; width:180; visibility:hidden; z-index:99;"><table width="180" border="0" cellspacing="0" cellpadding="0"><tr><td class="border" width="15" align="center" valign="middle" style="padding:0,0,0,0;"><span><b><br></b></span></td><td valign="top"><table border="0" width="100%" cellspacing="1" cellpadding="1"><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="infusions/dynamic_menu_panel/restricted.php?allow=101" target="_SELF">Submit Link<font color="red">®</font></a></td></tr><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="infusions/dynamic_menu_panel/restricted.php?allow=101" target="_SELF">Submit News<font color="red">®</font></a></td></tr><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="infusions/dynamic_menu_panel/restricted.php?allow=101" target="_SELF">Submit Article<font color="red">®</font></a></td></tr><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="infusions/dynamic_menu_panel/restricted.php?allow=101" target="_SELF">Submit Photo<font color="red">®</font></a></td></tr></table></td></tr></table></div>
<div class="tbl1" id="subMenu4" style="position:absolute; left:60; top:40; width:180; visibility:hidden; z-index:99;"><table width="180" border="0" cellspacing="0" cellpadding="0"><tr><td class="border" width="15" align="center" valign="middle" style="padding:0,0,0,0;"><span><b>C<br>o<br>n<br>t<br>a<br>c<br>t<br><br></b></span></td><td valign="top"><table border="0" width="100%" cellspacing="1" cellpadding="1"><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="http://www.starglowone.com/contact.php" target="_self">Contact Us</a></td></tr></table></td></tr></table></div>
<div class="tbl1" id="subMenu5" style="position:absolute; left:60; top:50; width:180; visibility:hidden; z-index:99;"><table width="180" border="0" cellspacing="0" cellpadding="0"><tr><td class="border" width="15" align="center" valign="middle" style="padding:0,0,0,0;"><span><b><br></b></span></td><td valign="top"><table border="0" width="100%" cellspacing="1" cellpadding="1"><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="infusions/dynamic_menu_panel/restricted.php?allow=6" target="_SELF">Codelock<font color="red">®</font></a></td></tr><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="infusions/dynamic_menu_panel/restricted.php?allow=6" target="_SELF">CVS Browser<font color="red">®</font></a></td></tr><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="infusions/dynamic_menu_panel/restricted.php?allow=6" target="_SELF">Heromachine<font color="red">®</font></a></td></tr></table></td></tr></table></div>
<div class="tbl1" id="subMenu6" style="position:absolute; left:60; top:60; width:180; visibility:hidden; z-index:99;"><table width="180" border="0" cellspacing="0" cellpadding="0"><tr><td class="border" width="15" align="center" valign="middle" style="padding:0,0,0,0;"><span><b><br></b></span></td><td valign="top"><table border="0" width="100%" cellspacing="1" cellpadding="1"><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="infusions/dynamic_menu_panel/restricted.php?allow=102" target="_SELF">Referers<font color="red">®</font></a></td></tr><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="infusions/dynamic_menu_panel/restricted.php?allow=103" target="_SELF">Security System<font color="red">®</font></a></td></tr><tr><td> <img src="themes/stars_heaven/images/bullet.gif" alt="bullet"> <a href="infusions/dynamic_menu_panel/restricted.php?allow=102" target="_SELF">Members IP<font color="red">®</font></a></td></tr></table></td></tr></table></div>
<script language="JavaScript">
var sub_top = 20;
var x = 0; var y = 0;
var x1 = 0; var y1 = 0;
var x2 = 0; var y2 = 0;
var sel = 0; var temp;
function handlerMM(e) {
if (e.type=="mouseover") { mHide=false; } else { mHide=true; setTimeout("hideMenu()",1000) }
}
function hideMenu() {
if (mHide == true) {
menu = "subMenu" + sel;
document.getElementById(menu).style.visibility = "hidden";
}
}
function showMenu(x) {
menu = "subMenu" + sel;
document.getElementById(menu).style.visibility = "hidden";
sel = x;
menu = "subMenu" + sel;
document.getElementById(menu).style.visibility = "visible";
}
document.getElementById("subMenu0").addEventListener("mouseout", handlerMM, false);
document.getElementById("subMenu0").addEventListener("mouseover", handlerMM, false);
document.getElementById("subMenu1").addEventListener("mouseout", handlerMM, false);
document.getElementById("subMenu1").addEventListener("mouseover", handlerMM, false);
document.getElementById("subMenu2").addEventListener("mouseout", handlerMM, false);
document.getElementById("subMenu2").addEventListener("mouseover", handlerMM, false);
document.getElementById("subMenu3").addEventListener("mouseout", handlerMM, false);
document.getElementById("subMenu3").addEventListener("mouseover", handlerMM, false);
document.getElementById("subMenu4").addEventListener("mouseout", handlerMM, false);
document.getElementById("subMenu4").addEventListener("mouseover", handlerMM, false);
document.getElementById("subMenu5").addEventListener("mouseout", handlerMM, false);
document.getElementById("subMenu5").addEventListener("mouseover", handlerMM, false);
document.getElementById("subMenu6").addEventListener("mouseout", handlerMM, false);
document.getElementById("subMenu6").addEventListener("mouseover", handlerMM, false);
document.getElementById("dynmenMenu").style.visibility = "visible";
</script> </td>
<td style='background-image: url(themes/stars_heaven/images/borderr.gif)'><img src='themes/stars_heaven/images/borderr.gif' alt='|'></td>
</tr>
<tr>
<td><img src='themes/stars_heaven/images/footl.gif' alt='|' width='10'></td>
<td style='background-image: url(themes/stars_heaven/images/borderfoot.gif)' width='100%'><img src='themes/stars_heaven/images/borderfoot.gif' alt='|'></td>
<td><img src='themes/stars_heaven/images/footr.gif' alt='|' width='10'></td>
</tr>
</table>Само снимките трябва да замениш :?: