Created
September 28, 2013 07:02
-
-
Save zhuzhuaicoding/6739362 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var slide = {preloadImgs: [], totalPage: 3, countPerPage: 7, wording: ["\u60a8\u672a\u5b89\u88c5QQ\u6216\u8005\u672c\u5730\u7684QQ\u6587\u4ef6\u5df2\u7ecf\u88ab\u7834\u574f\uff0c\u8bf7\u91cd\u65b0\u5b89\u88c5QQ\u3002", "\u60a8\u7684QQ\u7248\u672c\u8fc7\u4f4e\uff0c\u4e0d\u652f\u6301\u4ece\u7f51\u9875\u542f\u52a8\u3002"], _appInfo: [ | |
| {id: "b_qqpet", name: "QQ\u5ba0\u7269", desc: "QQ\u5ba0\u7269\u662f\u4e00\u6b3e\u684c\u9762\u5582\u517b\u6e38\u620f\uff0c\u63d0\u4f9b\u60c5\u611f\u4e92\u52a8\u3001\u793e\u533a\u5c0f\u6e38\u620f\u3002", | |
| buttonText: "\u7acb\u5373\u4f53\u9a8c", link: getURL("http://act.pet.qq.com/pet.htm", "qq", 1), img: "21"}, | |
| {id: "b_phoneqq", name: "\u624b\u673aQQ", desc: "\u968f\u65f6\u968f\u5730\u804a\u5929\u3001\u770b\u65b0\u95fb\u3001\u901b\u7a7a\u95f4\uff0c\u4f53\u9a8c\u7cbe\u5f69\u79fb\u52a8\u751f\u6d3b\u3002", buttonText: "\u7acb\u5373\u4f53\u9a8c", link: getURL("http://mobile.qq.com/?from=reg&keyindex=3"), img: "01"}, | |
| {id: "b_vip", name: "QQ\u4f1a\u5458", desc: "\u66f4\u5b89\u5168\uff0c\u66f4\u5f3a\u5927\uff0c\u66f4\u8d34\u5fc3\uff0c\u6e38\u620f\u4e0e\u751f\u6d3b\u4e2d\u4e5f\u4eab\u7279\u6743\u3002", | |
| buttonText: "\u7acb\u5373\u4f53\u9a8c", link: getURL("", "vipqq"), img: "02", key: 0}, | |
| {id: "b_email", name: "QQ\u90ae\u7bb1", desc: "\u514d\u8d39\u62e5\u6709%uin%@qq.com\uff0c\u8fd8\u80fd\u514d\u8d39\u6ce8\u518c\u82f1\u6587\u5e10\u53f7\uff01", buttonText: "\u7acb\u5373\u4f53\u9a8c", link: getURL("", "qqmail"), img: "03"}, | |
| {id: "b_pengyou", name: "\u670b\u53cb\u7f51", desc: "\u8d70\u8fdb\u670b\u53cb\u7f51\uff0c\u670b\u53cb\u5c31\u5728\u4f60\u8eab\u8fb9\u3002", buttonText: "\u7acb\u5373\u4f53\u9a8c", link: getURL("", "pengyou"), | |
| img: "04"}, | |
| {id: "b_lol", name: "\u82f1\u96c4\u8054\u76df", desc: "\u5168\u65b0\u82f1\u96c4\u5bf9\u6218\uff0c\u82f1\u96c4\uff0c\u4e3a\u4f60\u800c\u6218\uff01", buttonText: "\u7acb\u5373\u4f53\u9a8c", link: getURL("http://lol.qq.com"), img: "05"}, | |
| {id: "b_qzone", name: "QQ\u7a7a\u95f4", desc: "\u56fd\u5185\u6700\u5927\u7684\u793e\u4ea4\u7f51\u7ad9\uff0c\u597d\u53cb\u52a8\u6001\u3001\u6570\u4e07\u5e94\u7528\u3001\u540d\u4eba\u673a\u6784\u5e94\u6709\u5c3d\u6709\u3002", buttonText: "\u7acb\u5373\u4f53\u9a8c", link: getURL("http://i.qq.com/?from=zc.qq.com"), | |
| img: "06"}, | |
| {id: "b_qshow", name: "QQ\u79c0", desc: "\u8fdb\u5165\u5168\u7403\u7b2c\u4e00\u7684\u865a\u62df\u5f62\u8c61\u88c5\u626e\u4e16\u754c\uff0c10\u4e07\u5957QQ\u79c0\u514d\u8d39\u7a7f\uff01", buttonText: "\u7acb\u5373\u4f53\u9a8c", link: getURL("", "qqshow"), img: "07"}, | |
| {id: "b_music", name: "QQ\u97f3\u4e50", desc: "\u514d\u8d39\u97f3\u4e50\u64ad\u653e\u5668\u8f6f\u4ef6\uff0c\u65b0\u6b4c\u5230\u8fbe\u6700\u5feb\u3001\u66f2\u91cf\u6700\u5927\u3002", buttonText: "\u7acb\u5373\u4f53\u9a8c", link: getURL("http://music.qq.com/?keyindex=3"), | |
| img: "08"}, | |
| {id: "b_pet", name: "\u624b\u673aQQ\u6d4f\u89c8\u5668", desc: "\u4e91\u89c8\u5929\u4e0b\u3001\u4e00\u89e6\u5373\u8fbe\uff0c\u5e26\u60a8\u7545\u4eab\u79fb\u52a8\u4e92\u8054\u7f51\u5728\u7ebf\u751f\u6d3b\uff01", buttonText: "\u7acb\u5373\u4f53\u9a8c", link: getURL("http://mb.qq.com/"), img: "09"}, | |
| {id: "b_qlive", name: "QQLive", desc: "\u201c\u76f4\u64ad+\u70b9\u64ad\u201d\u968f\u5fc3\u89c2\u770b\uff0c\u9ad8\u6e05\u753b\u8d28\uff0c\u9707\u64bc\u89c6\u542c\uff01", buttonText: "\u7acb\u5373\u4f53\u9a8c", link: getURL("http://v.qq.com/index.html?keyindex=3"), | |
| img: "10"}, | |
| {id: "b_x5", name: "QQ\u70ab\u821e", desc: "\u5168\u7403\u7b2c\u4e00\u97f3\u4e50\u821e\u8e48\u6e38\u620f\uff0c\u65f6\u5c1a\u6d6a\u6f2b\u65b0\u65c5\u7a0b\u7b49\u4f60\u6765\u5f00\u542f\u3002", buttonText: "\u7acb\u5373\u4f53\u9a8c", link: getURL("http://x5.qq.com/"), img: "11"}, | |
| {id: "b_style", name: "QQ\u98ce\u5c1a", desc: "\u4e0d\u4f46\u80fd\u88c5\u626e\u60a8\u7684QQ\uff0c\u66f4\u80fd\u88c5\u626e\u60a8\u7684\u7f51\u7edc\u751f\u6d3b\u3002", buttonText: "\u7acb\u5373\u4f53\u9a8c", link: getURL("http://style.qq.com"), | |
| img: "13"}, | |
| {id: "b_mq", name: "\u8d85\u7ea7QQ", desc: "\u4e3a\u60a8\u63d0\u4f9b\u968f\u65f6\u968f\u5730\u7684VIP\u7279\u6743\u670d\u52a1\uff0c\u968f\u8eab\u7279\u6743\u3001\u73a9\u8f6c\u7cbe\u5f69\u3002", buttonText: "\u7acb\u5373\u4f53\u9a8c", link: getURL("http://mq.qq.com/"), img: "14"}, | |
| {id: "b_dnf", name: "\u5730\u4e0b\u57ce\u4e0e\u52c7\u58eb", desc: "\u683c\u6597\u7f51\u6e38\u738b\u8005\u4e4b\u4f5c\uff0c260\u4e07\u540c\u65f6\u5728\u7ebf\uff01", buttonText: "\u7acb\u5373\u4f53\u9a8c", link: getURL("http://dnf.qq.com/"), | |
| img: "15"}, | |
| {id: "b_qplus", name: "Q+", desc: "\u7cbe\u5f69\u4e92\u8054\u7f51\uff0c\u4eceQ+\u5f00\u59cb\u3002+\u751f\u6d3b\uff0c+\u5a31\u4e50\uff0c+\u6e38\u620f\uff0c+\u66f4\u591a\u3002", buttonText: "\u7acb\u5373\u4f53\u9a8c", link: getURL("http://www.qplus.com/"), img: "16"}, | |
| {id: "b_tenpay", name: "\u8d22\u4ed8\u901a", desc: "\u5728\u7ebf\u652f\u4ed8\u7f51\u7ad9\uff0c\u5145Q\u5e01Q\u70b9\u6253\u6298\uff0c\u66f4\u6709200\u591a\u79cd\u751f\u6d3b\u5e94\u7528\u3002", buttonText: "\u7acb\u5373\u4f53\u9a8c", link: getURL("", | |
| "tenpay"), img: "17"}, | |
| {id: "b_speed", name: "QQ\u98de\u8f66", desc: "\u7a81\u7834200\u4e07\u540c\u65f6\u5728\u7ebf\u3001\u6700\u65f6\u5c1a\u597d\u73a9\u7684\u7ade\u901f\u7c7b\u7f51\u7edc\u6e38\u620f\uff01", buttonText: "\u7acb\u5373\u4f53\u9a8c", link: getURL("http://speed.qq.com/"), img: "18"}, | |
| {id: "b_qtalk", name: "QTalk", desc: "\u804a\u5929\u4e0d\u6253\u5b57\uff01\u5feb\u52a0\u5165QTalk\uff0c\u4eab\u53d7\u6700\u65f6\u5c1a\u7684\u8bed\u97f3\u804a\u5929\uff01", buttonText: "\u7acb\u5373\u4f53\u9a8c", link: getURL("http://qqtalk.qq.com/"), | |
| img: "19"}, | |
| {id: "b_roro", name: "\u6d1b\u514b\u738b\u56fd", desc: "\u5343\u4e07\u5c0f\u670b\u53cb\u7684\u9b54\u6cd5\u4e50\u56ed\uff0c\u4e2d\u56fd\u6700\u5927\u7684\u513f\u7ae5\u793e\u533a\uff01", buttonText: "\u7acb\u5373\u4f53\u9a8c", link: getURL("http://17roco.qq.com/?ADTAG=ied.innercop.gameweb.qqzc"), img: "27"}, | |
| {id: "b_yulong", name: "\u5fa1\u9f99\u5728\u5929", desc: "\u817e\u8baf\u7b2c\u4e00\u56fd\u6218\u7f51\u6e38\uff01\u5e26\u7ed9\u4f60\u6700\u771f\u5b9e\u7684\u4e07\u4eba\u56fd\u6218\u4f53\u9a8c\uff01", buttonText: "\u7acb\u5373\u4f53\u9a8c", | |
| link: getURL("http://yl.qq.com/?ADTAG=cop.innercop.qq.zc"), img: "28"}, | |
| {id: "b_qqgame", name: "QQ\u6e38\u620f", desc: "\u5168\u7403\u6700\u5927\u4f11\u95f2\u6e38\u620f\u5e73\u53f0\uff0c\u6597\u5730\u4e3b\u7b4970\u4f59\u6b3e\u6e38\u620f\u4efb\u4f60\u73a9\uff01", buttonText: "\u7acb\u5373\u4f53\u9a8c", link: getURL("http://qqgame.qq.com/download_yd.html"), img: "20"}, | |
| {id: "b_weibo", name: "\u817e\u8baf\u5fae\u535a", desc: "\u4f60\u7684\u5fc3\u58f0\uff0c\u4e16\u754c\u7684\u56de\u58f0\u3002\u7528140\u4e2a\u5b57\u8bb0\u5f55\u751f\u6d3b\u4e2d\u7684\u70b9\u70b9\u6ef4\u6ef4\u3002", | |
| buttonText: "\u7acb\u5373\u4f53\u9a8c", link: getURL("http://t.qq.com/"), img: "12"} | |
| ], _appInfoInit: function () { | |
| var a = slide._appInfo.length, b = slide.countPerPage, e = Math.ceil(a / b), f = ""; | |
| slide._appInfo.sort(function (a, c) { | |
| return a.key || c.key ? a.key == 1 ? -1 : 1 : Math.random() > 0.5 ? 1 : -1 | |
| }); | |
| for (var c = 0; c < a; c++) { | |
| var d = slide._appInfo[c]; | |
| d.link = d.link.replace(/%uin%/, loginAction.newUin); | |
| d.link = d.link.replace(/%clientkey%/, loginAction.clientKey); | |
| if (d.id == "b_email")d.desc = d.desc.replace(/%uin%/, loginAction.newUin); | |
| c % b == 0 && (f += | |
| '<li class="one_slide">'); | |
| f += '<img src="http://6.url.cn/zc/chs/img/appicon/' + slide._appInfo[c].img + '.gif" name="' + slide._appInfo[c].img + '" alt="" class="one_app" width="57" height="76" />'; | |
| if ((c + 1) % b == 0 || c == a - 1)f += '<img src="http://6.url.cn/zc/chs/img/appicon/00.png" alt="" width="1" height="120" /></li>' | |
| } | |
| slide.totalPage = e; | |
| $("slideList").innerHTML = f; | |
| a = ""; | |
| for (c = 0; c < e; c++)e != 1 && (a += c == 0 ? '<li class="slide_ctrl slide_ctrl_a"></li>' : '<li class="slide_ctrl"></li>'); | |
| $("slideList").style.width = 554 * e + "px"; | |
| $("slideControl").innerHTML = a; | |
| $.e.add("appInfo", "mouseover", function (a) { | |
| a.stopPropagation() | |
| }) | |
| }, list: $("slideList"), control: $("slideControl"), index: 0, loop: false, init: function () { | |
| slide._appInfoInit(); | |
| slide._checkVisible(); | |
| $("prevSlide").onclick = function () { | |
| slide.goToPrev(); | |
| return false | |
| }; | |
| $("nextSlide").onclick = function () { | |
| slide.goToNext(); | |
| return false | |
| }; | |
| $.e.add(slide.list, "mouseover", function (a) { | |
| var b = $.e.src(a); | |
| a.stopPropagation(); | |
| if ($.css.hasClass(b, "one_app")) { | |
| slide.curImg = b; | |
| for (var a = b.parentNode.getElementsByTagName("IMG"), | |
| c = 0; c < slide.countPerPage; ++c) { | |
| if (!$.css.hasClass(a[c], "one_app"))break; | |
| b === a[c] ? (slide.showAppInfo(c), b.src = "http://6.url.cn/zc/chs/img/appicon/" + a[c].name + ".gif", b.style.cursor = "pointer", b.style.width = "90px", b.style.height = "120px") : (a[c].style.width = "57px", a[c].style.height = "76px", a[c].src = "http://6.url.cn/zc/chs/img/appicon/" + a[c].name + "s.gif") | |
| } | |
| } | |
| }); | |
| $.e.add(document.body || document.documentElement, "mouseover", function () { | |
| slide.hideAppInfo(); | |
| if (slide.curImg && (slide.curImg.style.width = "57px", slide.curImg.style.height = | |
| "76px", slide.curImg.src.indexOf("s.gif") < 0))slide.curImg.src = slide.curImg.src.replace(".gif", "s.gif") | |
| }); | |
| slide.list.onclick = function (a) { | |
| a = a || window.event; | |
| a = a.srcElement || a.target; | |
| if (a.className.indexOf("one_app") > -1)for (var b = a.parentNode, c = 0; c < slide.countPerPage; ++c)if (a === b.getElementsByTagName("IMG")[c])return window.open(slide._appInfo[slide.index * slide.countPerPage + c].link), $.report.monitor(slide._appInfo[slide.index * slide.countPerPage + c].id), false | |
| }; | |
| for (var a = slide.control.getElementsByTagName("LI"), | |
| b = 0; b < slide.totalPage; b++)(function (b) { | |
| a[b] && $.e.add(a[b], "click", function () { | |
| slide.goToIndex(b) | |
| }) | |
| })(b) | |
| }, _setLeft: function (a) { | |
| var b = parseInt(slide.list.style.left), e = 100, f = a < b ? 1 : -1; | |
| setTimeout(function () { | |
| slide.list.style.left = parseInt(slide.list.style.left) - f * e + "px"; | |
| var b = parseInt(slide.list.style.left); | |
| e = Math.ceil(e * 0.95); | |
| f == 1 && b <= a || f == -1 && b >= a ? slide.list.style.left = a + "px" : setTimeout(arguments.callee, 40) | |
| }, 40) | |
| }, showAppInfo: function (a) { | |
| var b = $("appInfo"), e = b.getElementsByTagName("H2")[0], f = b.getElementsByTagName("P")[0], | |
| b = b.getElementsByTagName("A")[0]; | |
| e.innerHTML = slide._appInfo[slide.index * slide.countPerPage + a].name; | |
| f.innerHTML = slide._appInfo[slide.index * slide.countPerPage + a].desc; | |
| b.innerHTML = slide._appInfo[slide.index * slide.countPerPage + a].buttonText; | |
| b.href = slide._appInfo[slide.index * slide.countPerPage + a].link; | |
| b.targetID = slide._appInfo[slide.index * slide.countPerPage + a].id; | |
| $.e.add(b, "click", function () { | |
| $.report.monitor(this.targetID) | |
| }); | |
| b.target = "_blank"; | |
| e = $("slideList").getElementsByTagName("LI")[slide.index].getElementsByTagName("IMG").length - | |
| 1; | |
| $("appInfo").style.left = 74 * a + 17 + 74 * (parseInt(slide.countPerPage - e) / 2) + "px"; | |
| $("appInfo").className = "app_info" | |
| }, hideAppInfo: function () { | |
| $("appInfo").className = "app_info hide" | |
| }, randomizeAppInfo: function () { | |
| var a = parseInt(Math.random() * (slide.countPerPage - 1)); | |
| slide.showAppInfo(a) | |
| }, goToNext: function () { | |
| slide.goToIndex(slide.index + 1) | |
| }, goToPrev: function () { | |
| slide.goToIndex(slide.index - 1) | |
| }, goToIndex: function (a) { | |
| if (a > slide.totalPage - 1)if (slide.loop)a = 0; else return false; | |
| if (a < 0)if (slide.loop)a = slide.totalPage - | |
| 1; else return false; | |
| slide.index = a; | |
| slide._setLeft(0 - slide.index * 554); | |
| slide._highlightControl(a); | |
| slide._checkVisible() | |
| }, goToRandom: function () { | |
| var a = parseInt(Math.random() * 100 % slide.totalPage); | |
| slide.goToIndex(a) | |
| }, _checkVisible: function () { | |
| if (!slide.loop)$("prevSlide").className = slide.index <= 0 ? "prev_slide_d" : "prev_slide", $("nextSlide").className = slide.index >= slide.totalPage - 1 ? "next_slide_d" : "next_slide" | |
| }, _highlightControl: function (a) { | |
| var b = $("slideControl").getElementsByTagName("LI"); | |
| for (i in b)b[i].className = | |
| i != a ? "slide_ctrl" : "slide_ctrl slide_ctrl_a" | |
| }}; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment