www.gusucode.com > 购酒网分类导航代码源码程序 > 购酒网分类导航代码/gjwdaohang/script/head.js
/*品牌列表*/
var brandArea = function () {
$(".brand_class li").each(function (i) {
$(this).mouseenter(function () {
$(this).find("div").stop().animate({ "top": -50 }, 300);
})
$(this).mouseleave(function () {
$(this).find("div").stop().animate({ "top": 0 }, 300);
})
});
}
$(function () {
//搜索
$("#btnsch").click(function () {
window.location = SiteUrl + '/product/search_jump.htm?key=' + encodeURIComponent($("#sch").val());
});
//读取购物车数量
var dd = new Date();
$("#head_cart_no").load("/ajax/head/shoppingcart.htm?act=getcount&d=" + escape(dd));
//head 弹出菜单部分
var cateMenu = function () {
var cateLiNum = $(".cateMenu li").length;
$(".cateMenu li").each(function (index, element) {
if (index < cateLiNum - 1) {
$(this).mouseenter(function () {
var ty = $(this).offset().top - 158;
var obj = $(this).find(".list-item");
var sh = document.documentElement.scrollTop || document.body.scrollTop;
var oy = ty + (obj.height() + 30) + 158 - sh;
var dest = oy - $(window).height()
if (oy > $(window).height()) {
ty = ty - dest - 10;
}
if (ty < 0) ty = 0;
$(this).addClass("on");
obj.show();
$(".cateMenu li").find(".list-item").stop().animate({ "top": ty });
obj.stop().animate({ "top": ty });
})
$(this).mouseleave(function () {
$(this).removeClass("on");
$(this).find(".list-item").hide();
})
}
});
$(".navCon_on").hover(function () {
$(".cateMenu").show();
},
function () {
$(".cateMenu").hide();
})
} ();
var miniMenu = function () {
/*购物列表*/
$(".miniMenu").find(".m1").hover(
function () {
$(this).addClass("on");
$(this).find(".mini-cart").show();
var dd = new Date();
$("#head_cart").load("/ajax/head/shoppingcart.htm?act=getitems&d=" + escape(dd));
},
function () {
$(this).removeClass("on");
$(this).find(".mini-cart").hide();
}
)
/*用户中心*/
$(".miniMenu").find(".m3").hover(
function () {
$(this).addClass("cur");
$(this).find(".miniMenu-child").show();
},
function () {
$(this).removeClass("cur");
$(this).find(".miniMenu-child").hide();
}
)
} ();
/*topBar置顶*/
var positionMenu = function (id) {
var mc = document.getElementById(id);
var minNumber = mc.offsetTop;
var isIE6 = navigator.appVersion.indexOf("MSIE 6") > -1;
$(window).scroll(function () {
var sh = document.documentElement.scrollTop || document.body.scrollTop;
var th = document.documentElement.clientHeight;
if (sh > minNumber) {
mc.style.position = !isIE6 ? "fixed" : "absolute";
mc.style.top = !isIE6 ? "0px" : sh + "px";
} else {
mc.style.position = "static";
mc.style.top = minNumber + "px"
}
})
} ("topBar")
/*快捷搜索*/
// var quickSearch = function (id) {
// var that = $("#" + id);
// var tw = document.documentElement.clientWidth;
// var ow = (tw - that.width()) / 2;
// that.css({ "left": ow });
// var isIE6 = navigator.appVersion.indexOf("MSIE 6") > -1;
// $(window).scroll(function () {
// var sh = document.documentElement.scrollTop || document.body.scrollTop;
// if (isIE6) {
// that.css({ "top": sh + 200 });
// }
// })
// $(document).keydown(function (event) {
// var e = window.event || event;
// if (e.shiftKey && e.keyCode == 191) {
// var sh = isIE6 ? document.documentElement.scrollTop || document.body.scrollTop : 0;
// that.css({ "top": 150 + sh, "display": "block" });
// that.animate({ "top": 200 + sh, "opacity": 1 });
// }
// if (e.keyCode == 27) {
// closeThis();
// }
// });
// that.find(".s_close").click(function () {
// closeThis();
// })
// function closeThis() {v .l
// that.animate({ "top": 150, "opacity": 0 }, function () {
// that.css({ "display": "block" });
// });
// }
// } ("quickSearch")
// var tdata = [{ "keyword": "aaaaa" }, { "keyword": "bbbbb" }, { "keyword": "ccccc" }, { "keyword": "ddddd" }, { "keyword": "eeeee" }, { "keyword": "fffff"}];
// searchTips.init({
// "inputID": "sch2",
// "listID": "search_list_box2",
// onChange: function () {
// //alert("AJAX查询");
// searchTips.find(tdata);
// },
// onSubmit: function () {
// alert("提交查询");
// }
// });
})
/*搜索提示*/
var searchTips = {
keyBoo: false,
currentIndex: -1,
currentArr: [],
box: null,
input: null,
init: function (obj) {
var that = this;
this.input = document.getElementById(obj.inputID);
this.createContent(obj.listID);
this.onChange = obj.onChange || null;
this.onSubmit = obj.onSubmit || null;
this.addKeyBoardEvent();
this.change();
this.addEvent(that.input, "blur", function () {
that.focusout();
});
},
change: function () {
var that = this;
if (that.input.addEventListener) {
that.input.addEventListener("input", function () {
that.onChange();
that.keyBoo = true;
}, false);
} else if (that.input.attachEvent) {
that.input.attachEvent("onpropertychange", function () {
that.onChange();
that.keyBoo = true;
});
}
},
find: function (data) {
this.box.parentNode.style.display = "block";
//this.box.style.display = "block";
var ul = this.box.getElementsByTagName("ul")[0];
ul.innerHTML = "";
this.currentArr = [];
this.currentIndex = -1;
for (var i = 0; i < data.length; i++) {
var li = this.getLi();
li.innerHTML = data[i].keyword;
ul.appendChild(li);
this.currentArr.push(li);
}
},
createContent: function (sBox) {
this.box = document.createElement("div");
this.box.className = "searchTips";
document.getElementById(sBox).appendChild(this.box);
var ul = document.createElement("ul");
this.box.appendChild(ul);
//this.box.style.display = "none";
},
selectCurrent: function () {
var len = this.currentArr.length;
if (this.currentIndex < 0) this.currentIndex = len - 1;
if (this.currentIndex > len) this.currentIndex = 0;
for (var i = 0; i < len; i++) {
this.currentArr[i].className = this.currentIndex == i ? "on" : "";
}
},
addKeyBoardEvent: function () {
var that = this;
this.addEvent(document, "keydown", function (e) {
if (that.keyBoo) {
var e = e || window.event;
switch (e.keyCode) {
case 40:
that.currentIndex++;
that.selectCurrent();
break;
case 38:
that.currentIndex--;
that.selectCurrent();
break;
case 13:
if (that.currentIndex != -1) {
that.input.value = that.currentArr[that.currentIndex].innerHTML;
}
that.onSubmit();
that.focusout();
break
default: break;
}
}
})
},
focusout: function () {
var that = this;
setTimeout(function () {
//that.box.style.display = "none";
that.box.parentNode.style.display = "none";
that.keyBoo = false;
}, 100)
},
getLi: function () {
var that = this;
var li = document.createElement("li");
this.addEvent(li, "mouseover", function () { li.className = "on"; });
this.addEvent(li, "mouseout", function () { li.className = ""; });
this.addEvent(li, "click", function () { that.input.value = li.innerHTML; that.onSubmit(); });
return li;
},
addEvent: function (obj, type, fn) {
if (obj.addEventListener) {
obj.addEventListener(type, fn, false);
} else if (obj.attachEvent) {
obj.attachEvent("on" + type, fn);
}
}
}