document.write('');
document.write('
');
//游戏列表数据
var gameListPhoneLeft = [{
icon: "//staticdy.jzyx.com/themes/logo_icon.png",
img: "//res.jzyx.com/themes/account/top_navi/images/posters-dy.jpg",
gameName: "道友请留步",
subTitle: "东方神话修仙卡牌手游",
link: "https://dy.jzyx.com/home"
},
{
icon: "//staticmobile.jzyx.com/mg/logo_icon.png",
img: "//res.jzyx.com/themes/account/top_navi/images/posters-mg.jpg",
gameName: "魔法师与狗",
subTitle: "一人一狗掠夺手游",
link: "https://mg.jzyx.com/"
}
];
var gameListPhoneRight = [{
icon: "//staticmobile.jzyx.com/sszm/logo-icon.png",
img: "//res.jzyx.com/themes/account/top_navi/images/posters-sszm.jpg",
gameName: "蜀山掌门",
subTitle: "门派经营修仙手游",
link: "https://sszm.jzyx.com/"
},
{
icon: "//staticmobile.jzyx.com/bbc/logo_icon.png",
img: "//res.jzyx.com/themes/account/top_navi/images/posters-bbc.jpg",
gameName: "文明大爆炸",
subTitle: "“养肝护发”放置类手游",
link: "https://bbc.qq.com/index.html"
} ];
var gameListPc = [
{
icon: "http://static.mx.jzyx.com/themes/icon.png",
img:
"//res.jzyx.com/themes/account/top_navi/images/posters-mx.jpg",
gameName: "魔侠传",
subTitle: "十年经典 专注PK",
link: "http://mx.jzyx.com/home"
},
{
icon: "http://static.df.jzyx.com/themes/icon.png",
img:
"//res.jzyx.com/themes/account/top_navi/images/posters-df.jpg",
gameName: "巫神归来",
subTitle: "东方神话回合制网游",
link: "http://df.jzyx.com/home"
}
];
var maxListLength = "";
function setListMaxLength(gameListPhoneLeft, gameListPhoneRight, gameListPc) {
var num1 = gameListPhoneLeft.length,
num2 = gameListPhoneRight.length,
num3 = gameListPc.length;
maxListLength =
(num1 > num2 ? num1 : num2) > num3 ? (num1 > num2 ? num1 : num2) : num3;
}
setListMaxLength(gameListPhoneLeft, gameListPhoneRight, gameListPc);
function transformList(list) {
var arr = [];
for (var i = 0; i < list.length; i++) {
arr.push(list[i]);
}
return arr;
}
if (!Array.prototype.indexOf) {
Array.prototype.indexOf = function(elt /*, from*/) {
var len = this.length >>> 0;
var from = Number(arguments[1]) || 0;
from = from < 0 ? Math.ceil(from) : Math.floor(from);
if (from < 0) from += len;
for (; from < len; from++) {
if (from in this && this[from] === elt) return from;
}
return -1;
};
}
if (!Array.prototype.filter) {
Array.prototype.filter = function(fun, obj) {
var result = [],
i,
len = this.length;
for (i = 0; i < len; i += 1) {
if (this[i] !== void 0 && fun.call(obj, this[i], i, this)) {
result.push(this[i]);
}
}
return result;
};
}
if (!document.getElementsByClassName) {
document.getElementsByClassName = function(className, element) {
var children = (element || document).getElementsByTagName("*");
var elements = new Array();
for (var i = 0; i < children.length; i++) {
var child = children[i];
var classNames = child.className.split(" ");
for (var j = 0; j < classNames.length; j++) {
if (classNames[j] == className) {
elements.push(child);
break;
}
}
}
return elements;
};
}
//创建一个dom
function cE(domName) {
return document.createElement(domName);
}
function gIE(id) {
return document.getElementById(id);
}
//插入节点
function aC(parent, child) {
return parent.appendChild(child);
}
// 兼容ie8 谷歌 火狐写法 获取样式
function getStyle(ele) {
var style = null;
if (window.getComputedStyle) {
style = window.getComputedStyle(ele, null);
} else {
style = ele.currentStyle;
}
return style;
}
var mainList = [{
name: "快速注册",
link: "https://account.jzyx.com/signup.html?gid=3"
},
{
name: "账号中心",
link: "https://account.jzyx.com"
},
{
name: "充值中心",
link: "https://pay.jzyx.com/"
},
{
name: "客服中心",
link: "https://kf.jzyx.com/"
},
{
name: "积分商城",
link: "https://shop.jzyx.com/"
},
{
name: "极致VIP",
link: "https://vip.jzyx.com/"
},
{
name: "加入极致",
link: "https://app.mokahr.com/apply/woobest/4209"
}
];
var mainUl = document.getElementById("main-ul");
for (var i = 0; i < mainList.length; i++) {
var liContent = setMainContent(mainList[i]);
mainUl.appendChild(liContent);
}
function setMainContent(item) {
var li = cE("li");
var aHref = cE("a");
aHref.href = item.link;
aHref.innerHTML = item.name;
aHref.target = "_blank";
li.appendChild(aHref);
return li;
}
var as = document.getElementById("main-ul").getElementsByTagName("a");
for (var i = 0; i < as.length; i++) {
as[i].onmouseover = function(event) {
this.style.color = "red";
};
as[i].onmouseout = function() {
this.style.color = "black";
};
}
window.console = window.console || (function () {
var c ={};
c.log = c.warn = c.debug = c.info = c.error = c.time = c.dir = c.profile= c.clear = c.exception = c.trace = c.assert = function(){};
return c;
})();
var gameDom = document.getElementsByClassName("game-list")[0];
var gameConentDom = document.getElementsByClassName("game-content")[0];
var gameContentTop = getStyle(gameConentDom).top;
var gameContentTop = gameContentTop.replace("px", "");
var gameContentHeight = gameConentDom.offsetHeight;
gameConentDom.style.top = -(40 * maxListLength + 300) + "px";
gameDom.onmouseenter = function() {
if(gameConentDom.style.display=='' || gameConentDom.style.display=='none'){
showGameList(gameConentDom);
}
};
gameDom.onmouseleave = function(e) {
hideGameList(gameConentDom);
getParentdElement(pcGameOne);
getParentdElement(pcGameTwo);
getParentdElement(pcGameThree);
setfirstNode(pcGameOne);
setfirstNode(pcGameTwo);
setfirstNode(pcGameThree);
};
function showGameList(dom) {
dom.style.display = "block";
var timer = "",
conTop = 45,
top = -45;
clearInterval(timer);
timer = setInterval(function() {
top += 15;
if (top >= conTop) {
top = conTop;
clearInterval(timer);
}
dom.style.top = top + "px";
}, 25);
}
function hideGameList(dom) {
gameConentDom.style.top = -(40 * maxListLength + 300) + "px";
dom.style.display = "none";
}
var pcGameOne = gIE("pc_game_one");
var pcGameTwo = gIE("pc_game_two");
var pcGameThree = gIE("pc_game_three");
function dealGameList(list, parentDom) {
var htmlDom = "";
for (var i = 0; i < list.length; i++) {
htmlDom = document.createElement("div");
htmlDom.className = "game_item_content";
if (i < 1) {
htmlDom.className += " first_item";
htmlDom.className += " curselect";
}
aC(htmlDom, setDetailDom(list[i]));
aC(htmlDom, setSubDom(list[i]));
aC(parentDom, htmlDom);
}
}
function setDetailDom(item) {
var detailDom = "",
imgDom = "";
(pDom = ""), (aDom = "");
detailDom = cE("div");
imgDom = cE("img");
pDom = cE("p");
aDom = cE("a");
detailDom.className = "game-detail";
aC(detailDom, imgDom);
if(item.img && item.img.length>0){
imgDom.src = item.img;
}
aC(detailDom, aDom);
aDom.href = item.link;
aDom.target = "_blank";
aC(detailDom, pDom);
return detailDom;
}
function setSubDom(item) {
var setSubDom = "",
imgDom = "";
(pDom = ""), (aDom = ""), (spanDom1 = ""), (spanDom2 = "");
setSubDom = cE("div");
imgDom = cE("img");
pDom = cE("p");
aDom = cE("a");
spanDom1 = cE("span");
spanDom2 = cE("span");
spanDom1.innerHTML = item.gameName;
spanDom2.innerHTML = item.subTitle;
spanDom2.className ='sub-title'
setSubDom.className = "game-sub";
imgDom.src = item.icon;
aDom.target = "_blank";
aC(setSubDom, imgDom);
aC(pDom, spanDom1);
aC(pDom, spanDom2);
aC(setSubDom, pDom);
return setSubDom;
}
dealGameList(gameListPhoneLeft, pcGameOne);
dealGameList(gameListPhoneRight, pcGameTwo);
dealGameList(gameListPc, pcGameThree);
var gameItemConent = document.getElementsByClassName("game_item_content");
var pcGameOne = gIE("pc_game_one");
var pcGameTwo = gIE("pc_game_two");
var pcGameThree = gIE("pc_game_three");
function getByClass(className, parentDom) {
var allChilds = "",
oClsBox = "";
allChilds = parentDom.childNodes;
for (var i = 0; i < allChilds.length; i++) {
if (
allChilds[i].className &&
allChilds[i].className.indexOf(className) != -1
) {
oClsBox = allChilds[i];
}
}
return oClsBox;
}
setNodesStyle(pcGameOne);
setNodesStyle(pcGameTwo);
setNodesStyle(pcGameThree);
function transformList(list) {
var arr = [];
for (var i = 0; i < list.length; i++) {
arr.push(list[i]);
}
return arr;
}
function getParentdElement(parentNode) {
var nodes = parentNode.childNodes;
nodes = transformList(nodes).filter(function(item) {
if (item.className && item.className.indexOf("game_item_content") != -1) {
var gameSubNode = getByClass("game-sub", item);
var gameDetailNode = getByClass("game-detail", item);
gameSubNode.style.display = "block";
gameDetailNode.style.display = "none";
}
});
}
function setfirstNode(dom) {
var fisrtItemNode = getByClass("first_item", dom);
var gameSubNode = getByClass("game-sub", fisrtItemNode);
var gameDetailNode = getByClass("game-detail", fisrtItemNode);
gameSubNode.style.display = "none";
gameDetailNode.style.display = "block";
}
function setNodesStyle(dom) {
for (var i = 0; i < dom.childNodes.length; i++) {
if (
dom.childNodes[i].className &&
dom.childNodes[i].className.indexOf("game_item_content") != -1
) {
dom.childNodes[i].onmouseenter = function() {
var fisrtItemNode = getByClass("first_item", this.parentElement);
var gameSubNode = getByClass("game-sub", fisrtItemNode);
var gameDetailNode = getByClass("game-detail", fisrtItemNode);
gameSubNode.style.display = "block";
gameDetailNode.style.display = "none";
getParentdElement(this.parentElement);
var nowSub = getByClass("game-sub", this);
var nowDetial = getByClass("game-detail", this);
nowSub.style.display = "none";
nowDetial.style.display = "block";
};
}
}
}