解决方案 »
- go.htm里的代码应该怎样写 能实现 后面接什么网地址就跳转到那里
- javascript中的正则表达式问题
- 用javascript 实现产生随机色吗??
- 微軟msdn - 這個漸變效果如何實現,有代碼更佳
- 一个奇怪的Javascript函数调用问题
- 有一定难度的setInterval相关问题(实际案例)。
- 为什么js取LI的值时只获取了部分?
- 关于 document.getElementsByTagsName('button')[0].click 的疑问
- 很急的问题 请大家帮帮忙
- 用javascript语句能否实现打开*.txt文件?
- 如何判断一个字符串至少含有一个字母?
- 调试碰到的怪异问题
TB.Header = function() {
var g = function(v) {
return typeof(v) != "string" ? v : document.getElementById(v)
}, s = navigator.userAgent.toLowerCase(), o = /msie/.test(s)
&& !/opera/.test(s), l = o && !/msie 7/.test(s)
&& !/msie 8/.test(s), m = "http://list.taobao.com/browse/cat-0.htm";
var i = {
getCookie : function(w) {
var v = document.cookie.match("(?:^|;)\\s*" + w + "=([^;]*)");
return (v && v[1]) ? decodeURIComponent(v[1]) : ""
},
parseQueryParams : function(B) {
var y = {};
var w = B.split("&");
for (var z = 0, A = w.length; z < A; ++z) {
var x = w[z], C = x.search("=");
var D = x.substring(0, C);
var v = x.substring(C + 1, x.length);
y[decodeURIComponent(D)] = decodeURIComponent(v)
}
return y
},
trim : function(v) {
return v.replace(/^\s+|\s+$/g, "")
},
hasClass : function(w, v) {
w = g(w);
if (!w || !v || !w.className) {
return false
}
return (" " + w.className + " ").indexOf(" " + v + " ") > -1
},
addClass : function(w, v) {
w = g(w);
if (!w || !v) {
return
}
if (this.hasClass(w, v)) {
return
}
w.className += " " + v
},
removeClass : function(w, v) {
w = g(w);
if (!this.hasClass(w, v)) {
return
}
w.className = w.className.replace(new RegExp(v, "g"), "");
if (!this.trim(w.className)) {
w.removeAttribute(o ? "className" : "class")
}
},
addEvent : function(x, w, v) {
x = g(x);
if (!x || !w || typeof(v) != "function") {
return
}
if (x.addEventListener) {
x.addEventListener(w, v, false)
} else {
if (x.attachEvent) {
x.attachEvent("on" + w, v)
}
}
},
stopEvent : function(v) {
if (v.stopPropagation) {
v.stopPropagation()
} else {
v.cancelBubble = true
}
if (v.preventDefault) {
v.preventDefault()
} else {
v.returnValue = false
}
},
getElementsByClassName : function(w, B, v, A) {
if (!g(v)) {
return
}
var x = [], z = g(v).getElementsByTagName(B), y = 0;
for (; y < z.length; y++) {
if (i.hasClass(z[y], w)) {
x[x.length] = z[y];
arguments[3] && arguments[3].call(z[y])
}
}
return x
},
escapeHTML : function(w) {
var x = document.createElement("div");
var v = document.createTextNode(w);
x.appendChild(v);
return x.innerHTML
}
};
var e = i.getCookie("tracknick"), t = i.getCookie("_nk_") || e, j = i
.getCookie("uc1"), d = i.parseQueryParams(j), q = i
.getCookie("_l_g_")
&& t || i.getCookie("ck1") && e, p = parseInt(d._msg_) || 0, k = new Date()
.getTime(), r = (document.location.href.indexOf("https://") === 0);
function a(x) {
if (!x) {
return
}
var w = i.getElementsByClassName("menu-bd", "div", x)[0];
if (!w) {
return
}
if (!r) {
var v = document.createElement("iframe");
v.src = "about: blank";
v.className = "menu-bd";
x.insertBefore(v, w);
x.iframe = v
}
x.menulist = w;
x.onmouseenter = function() {
i.addClass(this.parentNode, "hover");
if (r) {
return
}
this.iframe.style.height = parseInt(this.menulist.offsetHeight)
+ 25 + "px";
this.iframe.style.width = parseInt(this.menulist.offsetWidth) + 1
+ "px"
};
x.onmouseleave = function() {
i.removeClass(this.parentNode, "hover")
}
}
function c() {
var v = document.forms.topSearch;
if (!v) {
return
}
i.addEvent(v, "submit", function() {
if (v.q.value == "") {
v.action = m
}
})
}
function f(W, V) {
var z = g(W), K = z && z.q, x = z && z.search_type, E = z
&& z.getElementsByTagName("label")[0], D = z && z.cat, S = g("J_TSearchTabs")
.getElementsByTagName("li"), v = S.length, P = {}, I = false, F = false, y = "tsearch-tabs-active", N = function(
Y) {
for (var X = 0; X < v; X++) {
i[X === Y ? "addClass" : "removeClass"](S[X], y)
}
}, R = g("J_TSearchCat"), U = null, w = g("J_TSearchCatHd"), A = R
&& R.getElementsByTagName("div")[0], C = A
&& A.getElementsByTagName("a") || [], H = C.length, Q, G = function(
X) {
for (Q = 0; Q < H; Q++) {
if (C[Q].getAttribute("data-value") === X) {
return C[Q]
}
}
return null
}, M = function() {
i.removeClass(R, "tsearch-cat-active")
}, T = function() {
i.addClass(R, "tsearch-cat-active")
}, L = function(X) {
for (Q = 0; Q < H; Q++) {
i[C[Q] === X ? "addClass" : "removeClass"](C[Q],
"tsearch-cat-selected")
}
M();
w.innerHTML = X.innerHTML;
D.value = X.getAttribute("data-value")
}, J = function() {
K.focus();
if (o) {
K.value = K.value
}
};
if (!z) {
return
}
if (g("J_TSearchTabs")) {
var O = 0, B = {
"\u5b9d\u8d1d" : ["item",
"\u8f93\u5165\u60a8\u60f3\u8981\u7684\u5b9d\u8d1d"],
"\u6dd8\u5b9d\u5546\u57ce" : ["mall",
"\u8f93\u5165\u60a8\u60f3\u8981\u7684\u5546\u54c1"],
"\u5e97\u94fa" : [
"shop",
"\u8f93\u5165\u60a8\u60f3\u8981\u7684\u5e97\u94fa\u540d\u6216\u638c\u67dc\u540d"],
"\u62cd\u5356" : ["auction",
"\u8f93\u5165\u60a8\u60f3\u8981\u7684\u5b9d\u8d1d"]
};
for (; O < v; O++) {
(function() {
var Z = O, X = i
.trim(S[Z].getElementsByTagName("a")[0].innerHTML), Y = B[X];
P[Y[0]] = {
index : Z,
hint : Y[1]
};
i.addEvent(S[Z], "click", function(aa) {
i.stopEvent(aa);
N(Z);
x.value = Y[0];
E.innerHTML = Y[1];
J()
})
})()
}
}
i.addEvent(K, "focus", function() {
E.innerHTML = ""
});
i.addEvent(K, "blur", function() {
if (i.trim(K.value) === "" && !I) {
E.innerHTML = P[x.value]["hint"]
}
});
i.addEvent("J_TSearchTabs", "mousedown", function() {
I = true;
F = true;
setTimeout(function() {
I = false
})
});
i.addEvent("J_TSearchCat", "click", function(X) {
i.stopEvent(X);
var Y = X.target || X.srcElement;
switch (true) {
case i.hasClass(Y.parentNode, "tsearch-cat-hd") :
case i.hasClass(Y, "tsearch-cat-hd") :
T();
break;
case Y.parentNode.nodeName.toLowerCase() === "div" :
L(Y);
J();
break
}
});
i.addEvent(document, "click", M);
i.addEvent(z, "submit", function() {
switch (z.search_type.value) {
case "item" :
z.action = K.value === ""
? m
: "http://search.taobao.com/search";
break;
case "mall" :
z.action = "http://list.mall.taobao.com/search_dispatcher.htm";
break;
case "shop" :
z.action = "http://shopsearch.taobao.com/browse/shop_search.htm";
break;
case "auction" :
z.atype.value = "a";
z.filterFineness.value = "1,3";
break
}
});
E.innerHTML = "";
setTimeout(function() {
if (!F) {
x.value = (V && V.searchType) ? V.searchType : "item";
if (document.domain.indexOf("shopsearch.taobao.com") > -1) {
x.value = "shop"
}
var X = P[x.value];
E.innerHTML = X.hint;
N(X.index)
}
if (R && (U = G(D.value))) {
L(U)
}
if (i.trim(K.value) !== "") {
E.innerHTML = ""
}
if (V && V.autoFocus) {
J()
}
z.atype.value = "";
z.filterFineness.value = ""
})
}
function b(C) {
var z = g(C);
if (!z) {
return
}
var A = z.q;
if (!A) {
return
}
if (!(window.TB && TB.Suggest)) {
return
}
var w = new TB.Suggest(A, "http://suggest.taobao.com/sug", {
resultFormat : "\u7ea6%result%\u4e2a\u5b9d\u8d1d"
});
var B = z.ssid;
if (B) {
setTimeout(function() {
B.value = "s5-e"
}, 0);
B.setAttribute("autocomplete", "off");
w.subscribe("onItemSelect", function() {
if (B.value.indexOf("-p1") == -1) {
B.value += "-p1"
}
})
}
var x = z.elements.search_type;
var v = function() {
return x.value
};
var y = w._needUpdate;
w._needUpdate = function() {
var D = v();
return (D === "item" || D === "mall") && y.call(w)
}
}
function n(v) {
var w = g(v);
if (!w) {
return
}
i.addEvent(w, "click", function(y) {
i.stopEvent(y);
var x = w.href;
new Image().src = "//taobao.alipay.com/user/logout.htm";
setTimeout(function() {
location.href = x
}, 20)
})
}
function h() {
if (document.domain.indexOf(".taobao.net") === -1) {
return
}
var y = document.getElementById("header"), x = y ? y
.getElementsByTagName("a") : [], w = 0, v = x.length, z = location.hostname
.split(".");
while (z.length > 3) {
z.shift()
}
z = z.join(".");
for (; w < v; w++) {
x[w].href = x[w].href.replace("taobao.com", z)
}
}
function u() {
if (document.location.href.indexOf("https://") === 0) {
return
}
var v = document, y = v.getElementsByTagName("head")[0], x = v
.createElement("script");
x.src = "http://a.tbcdn.cn/app/search/monitor.js?t=20100331.js";
y.appendChild(x)
}
return {
init : function(w) {
if (l) {
var v = i.getElementsByClassName("menu", "div", "site-nav",
function() {
a(this)
i.addClass(this.parentNode, "hover");
if (r) {
return
} this.iframe.style.height = parseInt(this.menulist.offsetHeight) + 25 + "px";
this.iframe.style.width = parseInt(this.menulist.offsetWidth) + 1 + "px"
};
乱猜吧。这样试试。
x.onmouseenter = function() {
i.addClass(this.parentNode, "hover");
/*
if (r) {
return
}
*/
this.iframe.style.height = parseInt(this.menulist.offsetHeight) + 25 + "px";
this.iframe.style.width = parseInt(this.menulist.offsetWidth) + 1 + "px"
};
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="JS代码,菜单导航,JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为淘宝网顶部导航菜单,属于站长常用代码,更多菜单导航代码请访问破洛洛JS代码频道。" />
<title>淘宝网顶部导航菜单_破洛洛</title>
<LINK href="http://www.poluoluo.com/jzxy/jscode/d777/css/css.css"rel=stylesheet>
<SCRIPT>
x.onmouseenter = function() {
i.addClass(this.parentNode, "hover");
/*
if (r) {
return
}
*/
this.iframe.style.height = parseInt(this.menulist.offsetHeight) + 25 + "px";
this.iframe.style.width = parseInt(this.menulist.offsetWidth) + 1 + "px"
};</SCRIPT>
</head><body style="text-align:center"><div id=page>
<div class="chl-poster simple" id=header>
<div id=site-nav>
<UL class=quick-menu>
<LI class=home><A href="#">淘宝网首页</A> </LI>
<LI><A href="#">我要买</A></LI>
<LI class="mytaobao menu-item">
<div class=menu>
<A class=menu-hd href="#" target=_top rel=nofollow>我的淘宝<B></B></A>
<div class=menu-bd>
<div class=menu-bd-panel>
<div>
<A href="#" rel=nofollow>已买到的宝贝</A>
<A href="#" rel=nofollow>已卖出的宝贝</A>
</div>
</div>
<S class=r></S><S class=rt></S><S class=lt></S><S class=b></S><S class="b b2"></S><S class=rb></S><S class=lb></S>
</div>
</div>
</LI>
<LI class=cart><A href="#" rel=nofollow><S></S>购物车 </A></LI>
<LI class=favorite><A href="#" rel=nofollow>收藏夹</A></LI>
<LI class="search menu-item">
<div class=menu><SPAN class=menu-hd><S></S>搜索<B></B></SPAN>
<div class=menu-bd>
<div class=menu-bd-panel>
<FORM name=topSearch action=http://s.taobao.com/search?ssid=s0><INPUT
maxLength=60 name=q><BUTTON type=submit>搜 索</BUTTON> <INPUT type=hidden
value=newsearch name=shopf> </FORM>
</div>
<S class=r></S><S class=rt></S><S class=lt></S><S class=b></S><S class="b b2"></S><S class=rb></S><S class=lb></S>
</div>
</div>
</LI>
<LI class="services menu-item last">
<div class=menu>
<A class=menu-hd href="#" target=_top>网站导航<B></B></A>
<div class=menu-bd style="WIDTH: 210px; HEIGHT: 262px; _width: 202px">
<div class=menu-bd-panel>
<DL>
<DT><A href="#">购物</A>
<DD>
<A href="#">商城</A>
<A href="#">电器城</A>
<A href="#">嗨淘</A>
<A href="#">全球购</A>
<A href="#">跳蚤街</A>
<A href="#">礼物</A>
<A href="#">促销</A>
<A href="#">机票</A>
<A href="#">彩票</A>
<A href="#">创意</A>
</DD>
</DL>
<DL>
<DT><A href="#">门户</A>
<DD><A href="#">服饰</A> <A href="#">女人</A> <A href="#">美容</A> <A href="#">居家</A> <A href="#">男人</A> <A href="#">数码</A> <A href="#">亲子</A> <A href="#">时尚</A> <A href="#">试用</A> <A href="#">心得</A> <A href="#">帮派</A> <A href="#">画报</A> <A href="#">淘女郎</A> <A href="#">社区</A> <A href="#">宝贝传奇</A>
</DD>
</DL>
<DL>
<DT><A href="#">淘江湖</A> <A href="#">手机淘宝</A> </DT></DL>
<DL>
<DT><A href="#">帮助中心</A>
<DD><A href="#">交易安全</A> <A href="#">维权中心</A> </DD></DL>
<DL class=last>
<DD><STRONG style="FONT-WEIGHT: bold"><A href="#">更多内容</A></STRONG></DD>
</DL>
</div>
<S class=r></S><S class=rt></S><S class=lt></S><S class=b style="WIDTH: 169px"></S><S class="b b2" style="WIDTH: 169px"></S><S class=rb></S><S class=lb></S>
</div>
</div>
</LI>
</UL>
</div>
</div>
</div>
<SCRIPT type=text/javascript>
TB.Header.init();
</SCRIPT><p> </p>
<p>代码整理:<a href="http://www.poluoluo.com/" target="_blank">破洛洛</a> 感谢:<a href="http://www.163css.com/" target="_blank">网聚(浩奇)</a></p>
<p>*尊重他人劳动成果,转载请自觉注明出处!注:此代码仅供学习交流,请勿用于商业用途。</p>
<p></p>
<p><p>整合了购物车,收藏夹,搜索,搜索,网站导航等功能的导航。</p></p>
<p></p>
</body>
</html>