first commit
@@ -0,0 +1,21 @@
|
||||
.preload1 { background: url(../img/three_1.gif); }
|
||||
.preload2 { background: url(../img/three_1a.gif); }
|
||||
#nav { padding:0; margin:0; list-style:none; height:38px; background:#fff url(../img/three_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif; }
|
||||
#nav li.top { display:block; float:left; height:38px; }
|
||||
#nav li a.top_link { display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 12px; cursor:pointer; background: url(../img/three_0.gif); }
|
||||
#nav li a.top_link span { float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(../img/three_0.gif) right top no-repeat; }
|
||||
#nav li a.top_link span.down { float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(../img/three_0a.gif) no-repeat right top; }
|
||||
#nav li:hover a.top_link { color:#fff; background: url(../img/three_1.gif) no-repeat; }
|
||||
#nav li:hover a.top_link span { background:url(../img/three_1.gif) no-repeat right top; }
|
||||
#nav li:hover a.top_link span.down { background:url(../img/three_1a.gif) no-repeat right top; }
|
||||
#nav li:hover { position:relative; z-index:200; }
|
||||
#nav li:hover ul.sub { left:1px; top:38px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; height:auto; z-index:300; }
|
||||
#nav li:hover ul.sub li { display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal; }
|
||||
#nav li:hover ul.sub li a { display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; color:#000; text-decoration:none; border:1px solid #bbd37e; }
|
||||
#nav li ul.sub li a.fly { background:#bbd37e url(../img/arrow.gif) 80px 6px no-repeat; }
|
||||
#nav li:hover ul.sub li a:hover { background:#6a812c; color:#fff; border-color:#fff; }
|
||||
#nav li:hover ul.sub li a.fly:hover { background:#6a812c url(../img/arrow_over.gif) 80px 6px no-repeat; color:#fff; }
|
||||
#nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul { left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto; }
|
||||
#nav ul, #nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul { position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }
|
||||
#nav li:hover li:hover a.fly, #nav li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover li:hover a.fly { background:#6a812c url(../img/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff; }
|
||||
#nav li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li:hover li a.fly { background:#bbd37e url(../img/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#bbd37e; }
|
||||
|
After Width: | Height: | Size: 62 B |
|
After Width: | Height: | Size: 372 B |
|
After Width: | Height: | Size: 376 B |
|
After Width: | Height: | Size: 69 B |
|
After Width: | Height: | Size: 66 B |
|
After Width: | Height: | Size: 66 B |
|
After Width: | Height: | Size: 86 B |
|
After Width: | Height: | Size: 85 B |
|
After Width: | Height: | Size: 861 B |
|
After Width: | Height: | Size: 870 B |
|
After Width: | Height: | Size: 582 B |
|
After Width: | Height: | Size: 89 B |
|
After Width: | Height: | Size: 88 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 49 B |
|
After Width: | Height: | Size: 49 B |
|
After Width: | Height: | Size: 956 B |
|
After Width: | Height: | Size: 974 B |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 4.7 KiB |
@@ -0,0 +1,35 @@
|
||||
/* ================================================================
|
||||
This copyright notice must be kept untouched in the stylesheet at
|
||||
all times.
|
||||
|
||||
The original version of this script and the associated (x)html
|
||||
is available at http://www.stunicholls.com/menu/pro_drop_1.html
|
||||
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
|
||||
This script and the associated (x)html may be modified in any
|
||||
way to fit your requirements.
|
||||
=================================================================== */
|
||||
stuHover = function() {
|
||||
var cssRule;
|
||||
var newSelector;
|
||||
for (var i = 0; i < document.styleSheets.length; i++)
|
||||
for (var x = 0; x < document.styleSheets[i].rules.length ; x++)
|
||||
{
|
||||
cssRule = document.styleSheets[i].rules[x];
|
||||
if (cssRule.selectorText.indexOf("LI:hover") != -1)
|
||||
{
|
||||
newSelector = cssRule.selectorText.replace(/LI:hover/gi, "LI.iehover");
|
||||
document.styleSheets[i].addRule(newSelector , cssRule.style.cssText);
|
||||
}
|
||||
}
|
||||
var getElm = document.getElementById("nav").getElementsByTagName("LI");
|
||||
for (var i=0; i<getElm.length; i++) {
|
||||
getElm[i].onmouseover=function() {
|
||||
this.className+=" iehover";
|
||||
}
|
||||
getElm[i].onmouseout=function() {
|
||||
this.className=this.className.replace(new RegExp(" iehover\\b"), "");
|
||||
}
|
||||
}
|
||||
}
|
||||
if (window.attachEvent) window.attachEvent("onload", stuHover);
|
||||
|
||||