经典JS序幕

Html
--------------------------------------------------
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>GBar_003</title>
    <link rel="stylesheet" type="text/css" href="gb_003.css" />

    <script src="apiJs/main_F1.js"></script>
    <script src="apiJs/main_F2.js"></script>
    <script src="apiJs/main_F3.js"></script>
    <script src="apiJs/main_F4.js"></script>
    <script src="apiJs/main_F5.js"></script>

    <script type="text/javascript">
        function ShowMsg(msg) {
            document.getElementById("txtMsg").innerHTML += " " + msg;
        }
        function Test() {
            //alert(document.getElementById("txtMsg").innerHTML);
            gbar.tg(event, document.getElementById("gbztm"));
            //gbar.tg(event, document.getElementById("gbg5"));
        }
    </script>

</head>

<body>
    <!-- 菜单栏背景色 -->
    <div id="gb">
        <!-- 左侧菜单栏 -->
        <div id="gbz">
            <ol>
                <li class="gbt"><a class="gbzt" href="#"><span class="gbtb2"></span><span class="gbts">菜单一</span></a></li>
                <li class="gbt"><a class="gbzt gbz0l gbp1" href="#"><span class="gbtb2"></span><span class="gbts">菜单二(当前菜单)</span></a></li>
                <li class="gbt"><a class="gbzt" href="#"><span class="gbtb2"></span><span class="gbts">菜单三</span></a></li>
                <li class="gbt">
                    <!-- 下拉弹出链接 -->
                    <a class="gbgt" id="gbztm" aria-owns="gbd" οnclick="gbar.tg(event,this)" href="#">
                        <span class="gbtb2"></span>
                        <span id="gbztms" class="gbts gbtsa">弹出菜单
                            <!-- 下拉弹出菜单箭头 -->
                            <span class="gbma"></span>
                        </span>
                    </a>
                    <!-- 下拉弹出层 -->
                    <div class="gbm" id="gbd" aria-owner="gbztm">
                        <div id="gbmmb" class="gbmc gbsb gbsbis">
                            <ol id="gbmm" class="gbmcc gbsbic">
                                <li class="gbmtc"><a class="gbmt" href="#">弹出菜单一</a></li>
                                <li class="gbmtc"><a class="gbmt" href="#">弹出菜单二</a></li>
                                <li class="gbmtc"><a class="gbmt" href="#">弹出菜单三</a></li>
                                <li class="gbmtc">
                                    <!-- 菜单上下分割线 -->
                                    <div class="gbmt gbmh"></div>
                                </li>
                                <li class="gbmtc"><a class="gbmt" href="#">弹出菜单四-更多 &raquo;</a></li>
                            </ol>
                        </div>
                    </div>
                </li>
            </ol>
        </div>
        <!-- 右侧菜单栏 -->
        <div id="gbg">
            <ol>
                <li class="gbt"><a class="gbgt" href="#"><span class="gbtb2"></span><span class="gbts" style="font-weight: bold">登录</span></a></li>
                <!-- 菜单左右分割线 -->
                <li class="gbt gbtb">
                    <span class="gbts"></span>
                </li>
                <li class="gbt">
                    <!-- 下拉弹出链接 -->
                    <a class="gbgt" id="gbg5" aria-owns="gbd5" title="选项" οnclick="gbar.tg(event,this)" href="#">
                        <span class="gbtb2"></span>
                        <span id="gbgs5" class="gbts">
                            <span id="gbi5"></span>
                        </span>
                    </a>
                    <!-- 下拉弹出层 -->
                    <div class="gbm" id="gbd5" aria-owner="gbg5">
                        <div class="gbmc">
                            <ol id="gbom" class="gbmcc">
                                <li class="gbkc gbmtc"><a class="gbmt" href="#">搜索设置</a></li>
                                <li class="gbmtc">
                                    <div class="gbmt gbmh"></div>
                                </li>
                                <li class="gbe gbmtc"><a id="gmlas" class="gbmt" href="#">高级搜索</a></li>
                                <li class="gbe gbmtc"><a class="gbmt" href="#">语言工具</a></li>
                                <li class="gbmtc">
                                    <div class="gbmt gbmh"></div>
                                </li>
                                <li class="gbkp gbmtc"><a class="gbmt" href="#">网络历史记录</a></li>
                            </ol>
                        </div>
                    </div>
                </li>
            </ol>
        </div>
    </div>
    <div style="top: 300px; display: block; z-index: 9999; padding-top: 300px; text-align: center">
        <textarea id="txtMsg" style="width: 300px; height: 100px"></textarea>
        <input type="button" value="Test" οnclick="javascript: Test()" />
    </div>
</body>

</html>

CSS
--------------------------------------------------

/* 网页整体边距为0 */
html, body {
    height: 100%;
    margin: 0;
}

/* 导航菜单样式 */
#gb {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 990;
    font: 13px/27px Arial,sans-serif;
    background-color: #2d2d2d;
    background-image: none;
    background-position: 0 -138px;
    background-repeat: repeat-x;
    border-bottom: 1px solid #000;
    height: 29px;
    opacity: 1;
    filter: alpha(opacity=100);
}

/* 左右侧菜单栏公共样式 */
#gbz, #gbg {
    position: absolute;
    white-space: nowrap;
    top: 0;
    height: 30px;
    z-index: 1000;
}

/* 左侧菜单栏样式 */
#gbz {
    left: 0;
    padding-left: 4px;
}

/* 右侧菜单栏样式 */
#gbg {
    right: 0;
    padding-right: 5px;
}

/* 菜单元素样式 */
ol, ul, li {
    margin: 0;
    padding: 0;
}

/* sem js中有用到 */
/*#gbs {
    background: transparent;
    position: absolute;
    top: -999px;
    visibility: hidden;
    z-index: 998;
    right: 0;
}*/

/* sem js中有用到 */
/*.gbto #gbs {
    background: #fff;
}*/

/* sem js中有用到 */
/*.gbxx {
    display: none !important;
}*/

/* sem js中有用到 */
/*.gbxo {
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
}*/

/* 下拉弹出层样式 */
.gbm {
    position: absolute;
    z-index: 999;
    top: -999px;
    visibility: hidden;
    text-align: left;
    border: 1px solid #bebebe;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
}

/* 页面 js中有用到,经测试,实际上没意义 */
/*.gbrtl .gbm {
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.2);
}*/

.gbto .gbm, .gbto #gbs {
    top: 29px;
    visibility: visible;
}

#gbz .gbm {
    left: 0;
}

#gbg .gbm {
    right: 0;
}

/* sem js中有用到 */
/*.gbxms {
    background-color: #ccc;
    display: block;
    position: absolute;
    z-index: 1;
    top: -1px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    opacity: .4;
    -moz-border-radius: 3px;
    filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=5);
    *opacity: 1;
    *top: -2px;
    *left: -5px;
    *right: 5px;
    *bottom: 4px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=5)";
    opacity: 1;
    top: -4px;
    left: -6px;
    right: 5px;
    bottom: 4px;
}*/

/* 下拉弹出菜单箭头样式 */
.gbma {
    position: relative;
    top: -1px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #c0c0c0;
    display: inline-block;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 0;
    border-width: 3px 3px 0 3px; /* 上右下左 */
    padding-top: 1px;
    left: 4px;
}

/* IE兼容性处理 */
#gbztms, #gbi4m1, #gbi4s, #gbi4t {
    zoom: 1;
}

/* gbmc gbsb gbsbis */
.gbmc, .gbmcc {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.gbmc {
    background: #fff;
    padding: 10px 0;
    position: relative;
    z-index: 2;
    zoom: 1;
}

.gbt {
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    line-height: 27px;
    padding: 0;
    vertical-align: top;
}

.gbts {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    display: block;
    padding: 0 5px;
    position: relative;
    z-index: 1000;
}

.gbtb .gbts {
    background: url(images/b_8d5afc09.png);
    background-position: -27px -22px;
    border: 0;
    font-size: 0;
    padding: 29px 0 0;
    width: 1px;
}

.gbto {
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
}

.gbzt, .gbgt {
    cursor: pointer;
    display: block;
    text-decoration: none !important;
}

span#gbg6, span#gbg4 {
    cursor: default;
}

.gbzt .gbts {
    display: inline;
    zoom: 1;
}

.gbto .gbts {
    background: #fff;
    border-color: #bebebe;
    color: #36c;
    padding-bottom: 1px;
    padding-top: 2px;
}

.gbz0l .gbts {
    color: #fff;
    font-weight: bold;
}

.gbtsa {
    padding-right: 9px;
}

#gbz .gbzt, #gbz .gbgt, #gbg .gbgt {
    color: #ccc!important;
}

.gbtb2 {
    display: block;
    border-top: 2px solid transparent;
}

.gbto .gbzt .gbtb2, .gbto .gbgt .gbtb2 {
    border-top-width: 0;
}

.gbzt:hover, .gbzt:focus, .gbgt-hvr, .gbgt:focus {
    background-color: #4c4c4c;
    background-image: none;
    _background-image: none;
    background-position: 0 -102px;
    background-repeat: repeat-x;
    outline: none;
    text-decoration: none !important;
}

.gbpdjs .gbto .gbm {
    min-width: 99%;
}

.gbz0l .gbtb2 {
    border-top-color: #dd4b39!important;
}

#gbi4s {
    font-weight: bold;
}

#gbg6.gbgt-hvr, #gbg6.gbgt:focus {
    background-color: transparent;
    background-image: none;
}

.gbg4a {
    font-size: 0;
    line-height: 0;
}

.gbg4a .gbts {
    padding: 27px 5px 0;
}

.gbto .gbg4a .gbts {
    padding: 29px 5px 1px;
}

#gbi4i, #gbi4id {
    left: 5px;
    border: 0;
    height: 24px;
    position: absolute;
    top: 1px;
    width: 24px;
}

.gbto #gbi4i, .gbto #gbi4id {
    top: 3px;
}

.gbi4p {
    display: block;
    width: 24px;
}

#gbi4id {
    background-position: -44px -101px;
}

#gbmpid {
    background-position: 0 0;
}

#gbmpi, #gbmpid {
    border: none;
    display: inline-block;
    height: 48px;
    width: 48px;
}

/*#gbmpiw {
    display: inline-block;
    line-height: 9px;
    padding-left: 20px;
    margin-top: 10px;
    position: relative;
}*/

/* sem js中有用到 */
#gbmpi, #gbmpid, #gbmpiw {
    *display: inline;
}

/*#gbg5 {
    font-size: 0;
}*/

#gbgs5 {
    padding: 5px !important;
}

.gbto #gbgs5 {
    padding: 7px 5px 6px !important;
}

/* 设置图标样式 */
#gbi5 {
    background: url(images/b_8d5afc09.png);
    background-position: 0 0;
    display: block;
    font-size: 0;
    height: 17px;
    width: 16px;
}

/* 设置图标选中样式 */
.gbto #gbi5 {
    background-position: -6px -22px;
}

/* 菜单项样式 */
.gbn .gbmt, .gbn .gbmt:visited, .gbnd .gbmt, .gbnd .gbmt:visited {
    color: #dd8e27 !important;
}

.gbf .gbmt, .gbf .gbmt:visited {
    color: #900 !important;
}

.gbmt, .gbml1, .gbmlb, .gbmt:visited, .gbml1:visited, .gbmlb:visited {
    color: #36c !important;
    text-decoration: none !important;
}

.gbmt, .gbmt:visited {
    display: block;
}

.gbmt {
    padding: 0 20px;
}

.gbmt:hover, .gbmt:focus {
    background: #eee;
    cursor: pointer;
    outline: 0 solid black;
    text-decoration: none !important;
}

.gbml1, .gbmlb, .gbml1:visited, .gbmlb:visited {
    display: inline-block;
    margin: 0 10px;
}

.gbml1, .gbmlb, .gbml1:visited, .gbmlb:visited {
    *display: inline;
}

.gbml1, .gbml1:visited {
    padding: 0 10px;
}

.gbml1-hvr, .gbml1:focus {
    outline: none;
    text-decoration: underline !important;
}

#gbpm .gbml1 {
    display: inline;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.gbmlb, .gbmlb:visited {
    line-height: 27px;
}

.gbmlb-hvr, .gbmlb:focus {
    outline: none;
    text-decoration: underline !important;
}

.gbmlbw {
    color: #ccc;
    margin: 0 10px;
}

.gbm0l, .gbm0l:visited {
    color: #000 !important;
    font-weight: bold;
}

.gbmh {
    border-top: 1px solid #bebebe;
    font-size: 0;
    margin: 10px 0;
}

#gbd4 .gbmc {
    background: #f5f5f5;
    padding-top: 0;
}

#gbd4 .gbsbic::-webkit-scrollbar-track:vertical {
    background-color: #f5f5f5;
    margin-top: 2px;
}

#gbmpdv {
    background: #fff;
    border-bottom: 1px solid #bebebe;
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.12);
    -o-box-shadow: 0 2px 4px rgba(0,0,0,.12);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.12);
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    position: relative;
    z-index: 1;
}

#gbd4 .gbmh {
    margin: 0;
}

.gbmtc {
    padding: 0;
    margin: 0;
    line-height: 27px;
}

.GBMCC:last-child:after, #GBMPAL:last-child:after {
    content: '\0A\0A';
    white-space: pre;
    position: absolute;
}

/*#gbmps {
    *zoom: 1;
}*/

#gbd4 .gbpc, #gbmpas .gbmt {
    line-height: 17px;
}

#gbd4 .gbpgs .gbmtc {
    line-height: 27px;
}

#gbd4 .gbmtc {
    border-bottom: 1px solid #bebebe;
}

#gbd4 .gbpc {
    display: inline-block;
    margin: 16px 0 10px;
    padding-right: 50px;
    vertical-align: top;
}

#gbd4 .gbpc {
    *display: inline;
}

.gbpc .gbps, .gbpc .gbps2 {
    display: block;
    margin: 0 20px;
}

#gbmplp.gbps {
    margin: 0 10px;
}

.gbpc .gbps {
    color: #000;
    font-weight: bold;
}

.gbpc .gbpd {
    margin-bottom: 5px;
}

.gbpd .gbmt, .gbpd .gbps {
    color: #666 !important;
}

.gbpd .gbmt {
    opacity: .4;
    filter: alpha(opacity=40);
}

.gbps2 {
    color: #666;
    display: block;
}

.gbp0 {
    display: none;
}

.gbp0 .gbps2 {
    font-weight: bold;
}

#gbd4 .gbmcc {
    margin-top: 5px;
}

.gbpmc {
    background: #fef9db;
}

.gbpmc .gbpmtc {
    padding: 10px 20px;
}

#gbpm {
    border: 0;
    *border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    white-space: normal;
}

#gbpm .gbpmtc {
    border-top: none;
    color: #000 !important;
    font: 11px Arial,sans-serif;
}

#gbpms {
    *white-space: nowrap;
}

.gbpms2 {
    font-weight: bold;
    white-space: nowrap;
}

#gbmpal {
    *border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    margin: 0;
    white-space: nowrap;
    width: 100%;
}

/*.gbmpala, .gbmpalb {
    font: 13px Arial,sans-serif;
    line-height: 27px;
    padding: 10px 20px 0;
    white-space: nowrap;
}

.gbmpala {
    padding-left: 0;
    text-align: left;
}

.gbmpalb {
    padding-right: 0;
    text-align: right;
}*/

#gbmpasb .gbps {
    color: #000;
}

#gbmpal .gbqfbb {
    margin: 0 20px;
}

.gbp0 .gbps {
    *display: inline;
}

/*a.gbiba {
    margin: 8px 20px 10px;
}*/

.gbmpiaw {
    display: inline-block;
    padding-right: 10px;
    margin-bottom: 6px;
    margin-top: 10px;
}

.gbxv {
    visibility: hidden;
}

/*.gbmpiaa {
    display: block;
    margin-top: 10px;
}*/

.gbmpia {
    border: none;
    display: block;
    height: 48px;
    width: 48px;
}

.gbmpnw {
    display: inline-block;
    height: auto;
    margin: 10px 0;
    vertical-align: top;
}

.gbqfb, .gbqfba, .gbqfbb {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: default !important;
    display: inline-block;
    font-weight: bold;
    height: 29px;
    line-height: 29px;
    min-width: 54px;
    *min-width: 70px;
    padding: 0 8px;
    text-align: center;
    text-decoration: none !important;
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .gbqfb:focus, .gbqfba:focus, .gbqfbb:focus {
        border: 1px solid #4d90fe;
        -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
        -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
        outline: none;
    }

.gbqfb-hvr:focus, .gbqfba-hvr:focus, .gbqfbb-hvr:focus {
    -webkit-box-shadow: inset 0 0 0 1px #fff,0 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: inset 0 0 0 1px #fff,0 1px 1px rgba(0,0,0,.1);
    box-shadow: inset 0 0 0 1px #fff,0 1px 1px rgba(0,0,0,.1);
}

.gbqfb-no-focus:focus {
    border: 1px solid #3079ed;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.gbqfb-hvr, .gbqfba-hvr, .gbqfbb-hvr {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
}

.gbqfb::-moz-focus-inner, .gbqfba::-moz-focus-inner, .gbqfbb::-moz-focus-inner {
    border: 0;
}

.gbqfba, .gbqfbb {
    border: 1px solid #dcdcdc;
    border-color: rgba(0,0,0,.1);
    color: #444 !important;
    font-size: 11px;
}

.gbqfb {
    background-color: #4d90fe;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
    background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
    background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
    background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
    background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
    background-image: linear-gradient(top,#4d90fe,#4787ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed');
    border: 1px solid #3079ed;
    color: #fff!important;
    margin: 0 0;
}

.gbqfb-hvr {
    border-color: #2f5bb7;
}

.gbqfb-hvr:focus {
    border-color: #2f5bb7;
}

.gbqfb-hvr, .gbqfb-hvr:focus {
    background-color: #357ae8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
    background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
    background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
    background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
    background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
    background-image: linear-gradient(top,#4d90fe,#357ae8);
}

.gbqfb:active {
    background-color: inherit;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}

.gbqfba {
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5',EndColorStr='#f1f1f1');
}

.gbqfba-hvr, .gbqfba-hvr:active {
    background-color: #f8f8f8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8',EndColorStr='#f1f1f1');
}

.gbqfbb {
    background-color: #fff;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fbfbfb));
    background-image: -webkit-linear-gradient(top,#fff,#fbfbfb);
    background-image: -moz-linear-gradient(top,#fff,#fbfbfb);
    background-image: -ms-linear-gradient(top,#fff,#fbfbfb);
    background-image: -o-linear-gradient(top,#fff,#fbfbfb);
    background-image: linear-gradient(top,#fff,#fbfbfb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',EndColorStr='#fbfbfb');
}

.gbqfbb-hvr, .gbqfbb-hvr:active {
    background-color: #fff;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8));
    background-image: -webkit-linear-gradient(top,#fff,#f8f8f8);
    background-image: -moz-linear-gradient(top,#fff,#f8f8f8);
    background-image: -ms-linear-gradient(top,#fff,#f8f8f8);
    background-image: -o-linear-gradient(top,#fff,#f8f8f8);
    background-image: linear-gradient(top,#fff,#f8f8f8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',EndColorStr='#f8f8f8');
}

.gbqfba-hvr, .gbqfba-hvr:active, .gbqfbb-hvr, .gbqfbb-hvr:active {
    border-color: #c6c6c6;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    color: #222 !important;
}

.gbqfba:active, .gbqfbb:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

#gbmpas {
    max-height: 220px;
}

#gbmm {
    max-height: 530px;
}

.gbsb {
    display: block;
    position: relative;
}

.gbsbic {
    overflow: auto;
}

.gbsbis .gbsbt, .gbsbis .gbsbb {
    -webkit-mask-box-image: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.1)),color-stop(.5,rgba(0,0,0,.8)),color-stop(1,rgba(0,0,0,.1)));
    left: 0;
    margin-right: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
}

.gbsb .gbsbt:after, .gbsb .gbsbb:after {
    content: "";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    width: 100%;
}

.gbsbis .gbsbt {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,0));
    background-image: -ms-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,0));
    background-image: -o-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,0));
    background-image: linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,0));
    height: 6px;
    top: 0;
}

.gbsb .gbsbt:after {
    border-top: 1px solid #ebebeb;
    border-color: rgba(0,0,0,.3);
    top: 0;
}

.gbsb .gbsbb {
    -webkit-mask-box-image: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.1)),color-stop(.5,rgba(0,0,0,.8)),color-stop(1,rgba(0,0,0,.1)));
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.2)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.2),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.2),rgba(0,0,0,0));
    background-image: -ms-linear-gradient(bottom,rgba(0,0,0,.2),rgba(0,0,0,0));
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.2),rgba(0,0,0,0));
    background-image: linear-gradient(bottom,rgba(0,0,0,.2),rgba(0,0,0,0));
    bottom: 0;
    height: 4px;
}

    .gbsb .gbsbb:after {
        border-bottom: 1px solid #ebebeb;
        border-color: rgba(0,0,0,.3);
        bottom: 0;
    }

JS
--------------------------------------------------

F1
-----
(function () {
    try {
        var win = this; // 此处的this为window对象

        // 日志程序初始化
        var logger_ml = function (a, b, c, d) {
            d = d || {};
            d._sn = ["cfg", b, c].join(".");

            window.gbar.logger.ml(a, d)
        };

        // 菜单栏对象实例化
        window.gbar = window.gbar || {};
        var gbar_i = window.gbar.i = window.gbar.i || {};

        var ba;
        function toInt(a, b) {
            var c = parseInt(a, 10);
            return isNaN(c) ? b : c
        }
        function toFloat(a, b) {
            var c = parseFloat(a);
            return isNaN(c) ? b : c
        }
        function toBool(a) {
            return !!a
        }
        function p(a, b, c) {
            (c || gbar)[a] = b
        }
        gbar.bv = {
            n: 2,
            r: "",
            f: ".66.41.",
            e: "17259,3700062,3700188,3700194",
            m: 1
        };
        function ca(a, b, c) {
            var d = "on" + b;
            if (a.addEventListener)
                a.addEventListener(b, c, !1);
            else if (a.attachEvent)
                a.attachEvent(d, c);
            else {
                var g = a[d];
                a[d] = function () {
                    var a = g.apply(this, arguments), b = c.apply(this, arguments);
                    return void 0 == a ? b : void 0 == b ? a : b && a
                }
            }
        }
        var da = function (a) {
            return function () {
                return gbar.bv.m == a
            }
        },
        ea = da(1), fa = da(2);
        p("sb", ea);
        p("kn", fa);

        gbar_i.a = toBool;
        gbar_i.b = toFloat;
        gbar_i.c = toInt;
        gbar_i.i = logger_ml;

        var r = window.gbar.i.i;
        var s = function () { },
            t = function () { },
            u = function (a) {
                var b = new Image,
                    c = ga;
                b.onerror = b.onload = b.onabort = function () {
                    try {
                        delete ha[c]
                    } catch (a) {
                        alert("Error-1923 " + a);
                    }
                };
                ha[c] = b;
                b.src = a;
                ga = c + 1
            },
            ha = [],
            ga = 0;
        p("logger", { il: t, ml: s, log: u });
        var v = window.gbar.logger;
        var w = {};
        var ia = {};
        var x = [];
        var ja = 0.1;
        var ka = true;
        var la = function (a, b) {
            x.push([a, b])
        };
        var ma = function (a, b) {
            w[a] = b
        };
        var na = function (a) {
            return a in w
        };
        var z = {};
        var A = function (a, b) {
            z[a] || (z[a] = []);
            z[a].push(b)
        };
        var B = function (a) {
            A("m", a)
        };
        var oa = function (a, b) {
            var c = document.createElement("script");
            c.src = a;
            c.async = ka;
            Math.random() < ja && (c.onerror = function () {
                c.onerror = null;
                s(Error("Bundle load failed: name=" + (b || "UNK") + " url=" + a))
            });
            (document.getElementById("xjsc") || document.body).appendChild(c)
        };
        var E = function (a) {
            for (var b = 0, c; (c = x[b]) && c[0] != a; ++b);
            !c || c[1].l || c[1].s || (c[1].s = !0, C(2, a),
            c[1].url && oa(c[1].url, a),
            c[1].libs && D && D(c[1].libs))
        };
        var pa = function (a) {
            A("gc", a)
        };
        var F = null;
        var qa = function (a) {
            F = a
        };
        var C = function (a, b, c) {
            if (F) {
                a = { t: a, b: b };
                if (c)
                    for (var d in c)
                        a[d] = c[d];
                try { F(a) } catch (g) {
                    alert("Error-1986 " + g);
                }
            }
        };
        p("mdc", w);
        p("mdi", ia);
        p("bnc", x);
        p("qGC", pa);
        p("qm", B);
        p("qd", z);
        p("lb", E);
        p("mcf", ma);
        p("bcf", la);
        p("aq", A);
        p("mdd", "");
        p("has", na);
        p("trh", qa);
        p("tev", C);

        var ra = false;
        var sa = false;
        var ta = window.gapi = {};
        var ua = function (a, b) {
            var c = function () {
                gbar.dgl(a, b)
            };

            B(c);
        };
        var va = {};
        var wa = function (a) {
            a = a.split(":");
            for (var b; (b = a.pop()) && va[b];);
            return !b
        };
        var D = function (a) {
            function b() {
                for (var b = a.split(":"), d = 0, g; g = b[d]; ++d)
                    va[g] = 1;
                for (b = 0; d = x[b]; ++b)
                    d = d[1], (g = d.libs) && !d.l && d.i && wa(g) && d.i()
            }
            gbar.dgl(a, b)
        };

        // 代码貌似没用
        //var H = window.___jsl = {};
        //H.h = "m;/_/scs/abc-static/_/js/k=gapi.gapi.en.bI438WBuHt0.O/m=__features__/am=IA/rt=j/d=1/rs=AItRSTNuPHIoFBjGmVBeSqIsgUIKEsrbzA";
        //H.ms = "https://apis.google.com";
        //H.m = "";
        //H.l = [];

        var xa = { pu: ra, sh: "", si: sa };
        w.gl = xa;
        p("load", ua, ta);
        p("dgl", ua);
        p("agl", wa);
        gbar_i.o = true;

        var ya = 0.1,
            za = 0;
        //function _mlToken(a, b) {
        //    try {
        //        if (1 > za) {
        //            za++;
        //            var c,
        //                d = a,
        //                g = b || {},
        //                f = encodeURIComponent,
        //                m = "es_plusone_gc_20130829.0_p1",
        //                l = ["//www.google.com/gen_204?atyp=i&zx=",
        //                    (new Date).getTime(),
        //                    "&jexpid=",
        //                    f("28834"),
        //                    "&srcpg=",
        //                    f("prop=1"),
        //                    "&jsr=",
        //                    Math.round(1 / ya),
        //                    "&ogev=",
        //                    f("Cz1NUsOAIcnJiAfjvoG4DA"),
        //                    "&ogf=",
        //                    gbar.bv.f,
        //                    "&ogrp=",
        //                    f(""),
        //                    "&ogv=",
        //                    f("1380421631.0"),
        //                    m ? "&oggv=" + f(m) : "",
        //                    "&ogd=",
        //                    f("com.hk"),
        //                    "&ogl=",
        //                    f("zh-CN")];
        //            g._sn && (g._sn = "og." + g._sn);
        //            for (var n in g)
        //                l.push("&"),
        //                    l.push(f(n)),
        //                    l.push("="),
        //                    l.push(f(g[n]));
        //            l.push("&emsg=");
        //            l.push(f(d.name + ":" + d.message));
        //            var q = l.join("");
        //            Aa(q) && (q = q.substr(0, 2E3));
        //            c = q;
        //            var y = window.gbar.logger._aem(a, c);
        //            u(y)
        //        }
        //    } catch (X) {
        //        alert("Error-2091 " + X);
        //    }
        //}
        var Aa = function (a) {
            return 2E3 <= a.length
        },
        Ca = function (a, b) {
            return b
        };
        function Fa(a) {
            s = a;
            p("_itl", Aa, v);
            p("_aem", Ca, v);
            p("ml", s, v);
            a = {};
            w.er = a
        }

        //false ? Fa(function (a) { throw a; }) : true && Math.random() < ya && Fa(_mlToken);
        // 逻辑可以简化, 或者不用了
        //var rd= Math.random();
        //var is_mlToken = rd < ya;
        //is_mlToken && Fa(_mlToken);
       
        var _E = "left";
        var J = function (a, b) {
            var c = a.className;
            I(a, b) || (a.className += ("" != c ? " " : "") + b)
        };
        var K = function (a, b) {
            var c = a.className,
                d = RegExp("\\s?\\b" + b + "\\b");
            c && c.match(d)
            && (a.className = c.replace(d, ""))
        };
        var I = function (a, b) {
            var c = RegExp("\\b" + b + "\\b"),
                d = a.className;
            return !(!d || !d.match(c))
        };
        var Ga = function (a, b) {
            I(a, b) ? K(a, b) : J(a, b)
        };
        p("ca", J);
        p("cr", K);
        p("cc", I);
        gbar_i.k = J;
        gbar_i.l = K;
        gbar_i.m = I;
        gbar_i.n = Ga;
        var Ha = ["gb_71", "gb_155"],
            L;
        function Ia(a) { L = a }
        function Ja(a) {
            var b = L &&
                !a.href.match(/.*\/accounts\/ClearSID[?]/) &&
                encodeURIComponent(L());
            b && (a.href = a.href.replace(/([?&]continue=)[^&]*/, "$1" + b))
        }
        function Ka(a) {
            window.gApplication && (a.href = window.gApplication.getTabUrl(a.href))
        }
        function La(a) {
            try {
                var b = (document.forms[0].q || "").value;
                b && (a.href = a.href.replace(/([?&])q=[^&]*|$/,
                    function (a, c) {
                        return (c || "&") + "q=" + encodeURIComponent(b)
                    }))
            } catch (c) {
                alert("Error-2155 " + c);
                r(c, "sb", "pq");
            }
        }
        var Ma = function () {
            for (var a = [], b = 0, c; c = Ha[b]; ++b)
                (c = document.getElementById(c)) && a.push(c);
            return a
        },
        Na = function () {
            var a = Ma();
            return 0 < a.length ? a[0] : null
        },
        Oa = function () {
            return document.getElementById("gb_70")
        },
        M = {},
        N = {},
        Pa = {},
        O = {},
        P = void 0,
        Ua = function (a, b) {
            try {
                var c = document.getElementById("gb");
                J(c, "gbpdjs");
                Q();
                Qa(document.getElementById("gb"))
                && J(c, "gbrtl");
                if (b && b.getAttribute) {
                    var d = b.getAttribute("aria-owns");
                    if (d.length) {
                        var g = document.getElementById(d);
                        if (g) {
                            var f = b.parentNode;
                            if (P == d)
                                P = void 0, K(f, "gbto");
                            else {
                                if (P) {
                                    var m = document.getElementById(P);
                                    if (m && m.getAttribute) {
                                        var l = m.getAttribute("aria-owner");
                                        if (l.length) {
                                            var n = document.getElementById(l);
                                            n && n.parentNode && K(n.parentNode, "gbto")
                                        }
                                    }
                                }
                                Ra(g) && Sa(g);
                                P = d;
                                J(f, "gbto")
                            }
                        }
                    }
                }
                B(function () {
                    gbar.tg(a, b, !0)
                });
                Ta(a)
            } catch (q) {
                alert("Error-2214 " + q);
                r(q, "sb", "tg")
            }
        },
        Va = function (a) {
            B(function () {
                gbar.close(a)
            })
        },
        Wa = function (a) {
            B(function () {
                gbar.rdd(a)
            })
        },
        Qa = function (a) {
            var b,
                c = "direction",
                d = document.defaultView;
            d && d.getComputedStyle ? (a = d.getComputedStyle(a, "")) && (b = a[c]) : b = a.currentStyle ?
            a.currentStyle[c] : a.style[c];
            return "rtl" == b
        },
        Ya = function (a, b, c) {
            if (a) try {
                var d = document.getElementById("gbd5");
                if (d) {
                    var g = d.firstChild,
                        f = g.firstChild,
                        m = document.createElement("li");
                    m.className = b + " gbmtc";
                    m.id = c; a.className = "gbmt";
                    m.appendChild(a);
                    if (f.hasChildNodes()) {
                        c = [["gbkc"], ["gbf", "gbe", "gbn"], ["gbkp"], ["gbnd"]];
                        for (var d = 0, l = f.childNodes.length, g = !1, n = -1, q = 0, y; y = c[q]; q++) {
                            for (var X = 0, Z; Z = y[X]; X++) {
                                for (; d < l && I(f.childNodes[d], Z) ;)
                                    d++;
                                if (Z == b) {
                                    f.insertBefore(m, f.childNodes[d] || null);
                                    g = !0;
                                    break
                                }
                            } if (g) {
                                if (d +
                                1 < f.childNodes.length) {
                                    var Ba = f.childNodes[d + 1];
                                    I(Ba.firstChild, "gbmh") || Xa(Ba, y) || (n = d + 1)
                                }
                                else if (0 <= d - 1) {
                                    var Da = f.childNodes[d - 1];
                                    I(Da.firstChild, "gbmh") || Xa(Da, y) || (n = d)
                                }
                                break
                            }
                            0 < d && d + 1 < l && d++
                        }
                        if (0 <= n) {
                            var $ = document.createElement("li"),
                                Ea = document.createElement("div");
                            $.className = "gbmtc";
                            Ea.className = "gbmt gbmh";
                            $.appendChild(Ea);
                            f.insertBefore($, f.childNodes[n])
                        }
                        gbar.addHover && gbar.addHover(a)
                    }
                    else f.appendChild(m)
                }
            }
                catch (vb) {
                alert("Error-2285 " + vb);
                r(vb, "sb", "al");
            }
        },
        Xa = function (a, b) {
            for (var c = b.length, d = 0; d < c; d++)
                if (I(a, b[d]))
                    return !0;
            return !1
        },
        Za = function (a, b, c) {
            Ya(a, b, c)
        },
        $a = function (a, b) {
            Ya(a, "gbe", b)
        },
        ab = function () {
            B(function () {
                gbar.pcm && gbar.pcm()
            })
        },
        bb = function () {
            B(function () {
                gbar.pca && gbar.pca()
            })
        },
        cb = function (a, b, c, d, g, f, m, l, n, q) {
            B(function () {
                gbar.paa && gbar.paa(a, b, c, d, g, f, m, l, n, q)
            })
        },
        db = function (a, b) {
            M[a] || (M[a] = []); M[a].push(b)
        },
        eb = function (a, b) {
            N[a] || (N[a] = []); N[a].push(b)
        },
        fb = function (a, b) {
            Pa[a] = b
        },
        gb = function (a, b) {
            O[a] || (O[a] = []); O[a].push(b)
        },
        Ta = function (a) {
            a.preventDefault && a.preventDefault(); a.returnValue = !1; a.cancelBubble =
            !0
        },
        hb = null,
        Sa = function (a, b) {
            Q(); if (a) {
                ib(a, "正在打开&hellip;");
                R(a, !0);
                var c = "undefined" != typeof b ? b : 1E4,
                    d = function () { jb(a) };
                hb = window.setTimeout(d, c)
            }
        },
        kb = function (a) {
            Q();
            a && (R(a, !1), ib(a, ""))
        },
        jb = function (a) {
            try {
                Q();
                var b = a || document.getElementById(P);
                b && (ib(b, "此服务当前无法使用。%1$s请稍后重试。", "%1$s"), R(b, !0))
            } catch (c) {
                alert("Error-2352 " + c);
                r(c, "sb", "sdhe");
            }
        },
        ib = function (a, b, c) {
            if (a && b) {
                var d = Ra(a); if (d) {
                    if (c) {
                        d.innerHTML = "";
                        b = b.split(c);
                        c = 0;
                        for (var g; g = b[c]; c++) {
                            var f = document.createElement("div"); f.innerHTML =
                            g; d.appendChild(f)
                        }
                    } else d.innerHTML = b; R(a, !0)
                }
            }
        },
        R = function (a, b) {
            var c = void 0 !== b ? b : !0;
            c ? J(a, "gbmsgo") : K(a, "gbmsgo")
        },
        Ra = function (a) {
            for (var b = 0, c; c = a.childNodes[b]; b++)
                if (I(c, "gbmsg"))
                    return c
        },
        Q = function () {
            hb && window.clearTimeout(hb)
        },
        lb = function (a) {
            var b = "inner" + a;
            a = "offset" + a;
            return window[b] ? window[b] : document.documentElement && document.documentElement[a] ? document.documentElement[a] : 0
        },
        mb = function () {
            return !1
        },
        nb = function () {
            return !!P
        };
        p("so", Na);
        p("sos", Ma);
        p("si", Oa);
        p("tg", Ua);
        p("close", Va);
        p("rdd", Wa);
        p("addLink", Za);
        p("addExtraLink", $a);
        p("pcm", ab);
        p("pca", bb);
        p("paa", cb);
        p("ddld", Sa);
        p("ddrd", kb);
        p("dderr", jb);
        p("rtl", Qa);
        p("op", nb);
        p("bh", M);
        p("abh", db);
        p("dh", N);
        p("adh", eb);
        p("ch", O);
        p("ach", gb);
        p("eh", Pa);
        p("aeh", fb);
        ba = La;
        p("qs", ba);
        p("setContinueCb", Ia);
        p("pc", Ja);
        p("bsy", mb);
        gbar_i.d = Ta;
        gbar_i.j = lb;
        var ob = {};
        w.base = ob;
        x.push(["m", { url: "apiJs_003/sem_89104b6af0c87a5697dec4b559556233.js" }]);
        gbar.sg = { c: "1" };
        p("wg", { rg: {} });
        var pb = { tiw: 15000, tie: 30000 };
        w.wg = pb;
        var qb = { thi: 10000, thp: 180000, tho: 5000, tet: 0.5 };
        w.wm = qb;
        if (true) {
            x.push(["gc", { auto: false, url: "apiJs_003/gci_91f30755d6a6b787dcc2a4062e6e9824.js", libs: "googleapis.client:plusone" }]);
            var sb = { version: "gci_91f30755d6a6b787dcc2a4062e6e9824.js", index: "", lang: "zh-CN" };
            w.gc = sb;
            var tb = function (a) {
                window.googleapis && window.iframes ? a && a() : (a && pa(a), E("gc"))
            };
            p("lGC", tb);
            true && p("lPWF", tb)
        };
        window.__PVT = "";
        //if (true && true) { // 无用逻辑
        var ub = function (a) {
            tb(function () {
                A("pw", a);
                E("pw")
            })
        };
        p("lPW", ub);
        x.push(["pw", { url: "apiJs_003/pwm_45f73e4df07a0e388b0fa1f3d30e7280.js" }]);
        var wb = [],
            xb = function (a) {
                wb[0] = a
            },
            yb = function (a, b) {
                var c = b || {};
                c._sn = "pw";
                s(a, c)
            },
            zb = { signed: wb, elog: yb, base: "https://plusone.google.com/u/0", loadTime: (new Date).getTime() };
        w.pw = zb; var Ab = function (a, b) {
            for (var c = b.split("."),
                d = function () {
                var b = arguments;
                a(function () {
                for (var a = gbar, d = 0, f = c.length - 1; d < f; ++d) a = a[c[d]]; a[c[d]].apply(a, b)
            })
            },
            g = gbar,
            f = 0,
            m = c.length - 1; f < m; ++f)
                g = g[c[f]] = g[c[f]] || {};
            return g[c[f]] = d
            //};
            Ab(ub, "pw.clk");
            Ab(ub, "pw.hvr");
            p("su", xb, gbar.pw)
        };
        var Bb = [1, 2, 3, 4, 5, 6, 9, 10, 11, 13, 14, 28, 29, 30, 34, 35, 37, 38, 39, 40, 41, 42, 43, 500];
        var Cb = 0.001,
            Db = 0.01,
            Eb = !1,
            Fb = !1;
        //if (true) { // 无用逻辑
        var Gb = Math.random();
        Gb <= Cb && (Eb = !0);
        Gb <= Db && (Fb = !0)
        //}
        var S = null;
        function Hb() {
            var a = 0,
                b = function (b, d) {
                    toBool(d) && (a |= b)
                };
            b(1, "");
            b(2, "");
            b(4, "");
            b(8, "");
            return a
        }
        function Ib(a, b) {
            var c = Cb, d = Eb, g;
            g = a;
            if (!S) {
                S = {};
                for (var f = 0; f < Bb.length; f++) {
                    var m = Bb[f]; S[m] = !0
                }
            } if (g = !!S[g])
                c = Db, d = Fb;
            if (d) {
                d = encodeURIComponent;
                g = "es_plusone_gc_20130829.0_p1";
                gbar.rp ? (f = gbar.rp(), f = "-1" != f ? f : "") : f = "";
                c = ["//www.google.com/gen_204?atyp=i&zx=",
                    (new Date).getTime(),
                    "&oge=",
                    a,
                    "&ogex=",
                    d("28834"),
                    "&ogev=",
                    d("Cz1NUsOAIcnJiAfjvoG4DA"),
                    "&ogf=",
                    gbar.bv.f,
                    "&ogp=",
                    d("1"),
                    "&ogrp=",
                    d(f),
                    "&ogsr=",
                    Math.round(1 / c),
                    "&ogv=",
                    d("1380421631.0"),
                    g ? "&oggv=" + d(g) : "",
                    "&ogd=",
                    d("com.hk"),
                    "&ogl=",
                    d("zh-CN"),
                    "&ogus=",
                    Hb()];
                if (b) {
                    "ogw" in b && (c.push("&ogw=" + b.ogw),
                    delete b.ogw);
                    var l;
                    g = b;
                    f = [];
                    for (l in g) 0 != f.length && f.push(","),
                        f.push(Jb(l)),
                        f.push("."),
                        f.push(Jb(g[l]));
                    l = f.join("");
                    "" != l && (c.push("&ogad="), c.push(d(l)))
                }
                u(c.join(""))
            }
        }
        function Jb(a) {
            "number" == typeof a && (a += "");
            return "string" == typeof a ? a.replace(".", "%2E").replace(",", "%2C") : a
        }
        t = Ib;
        p("il", t, v);
        var Kb = {};
        w.il = Kb;
        var Lb = function (a, b, c, d, g, f, m, l, n, q) {
            B(function () {
                gbar.paa(a, b, c, d, g, f, m, l, n, q)
            })
        },
        Mb = function () {
            B(function () {
                gbar.prm()
            })
        },
        Nb = function (a) {
            B(function () {
                gbar.spn(a)
            })
        },
        Ob = function (a) {
            B(function () {
                gbar.sps(a)
            })
        },
        Pb = function (a) {
            B(function () {
                gbar.spp(a)
            })
        },
        Qb = {
            "27": "//ssl.gstatic.com/gb/images/silhouette_24.png",
            "27": "//ssl.gstatic.com/gb/images/silhouette_24.png",
            "27": "//ssl.gstatic.com/gb/images/silhouette_24.png"
        },
        Rb = function (a) {
            return (a = Qb[a]) || "//ssl.gstatic.com/gb/images/silhouette_24.png"
        },
        Sb = function () {
            B(function () { gbar.spd() })
        };
        p("spn", Nb);
        p("spp", Pb);
        p("sps", Ob);
        p("spd", Sb);
        p("paa", Lb);
        p("prm", Mb);
        db("gbd4", Mb);

        // 无效代码
        //if (false) {
        //    var Tb = {
        //        d: false,
        //        e: "",
        //        sanw: false,
        //        p: "//ssl.gstatic.com/gb/images/silhouette_96.png",
        //        cp: "1",
        //        xp: true,
        //        mg: "%1$s(已授权)",
        //        md: "%1$s(默认)",
        //        mh: "220", s: "1",
        //        pp: Rb,
        //        ppl: false,
        //        ppa: false,
        //        ppm: "Google+ 信息页"
        //    }; w.prf = Tb
        //};

        var T,
            Ub,
            U,
            Vb,
            V = 0,
            Wb = function (a, b, c) {
                if (a.indexOf)
                    return a.indexOf(b, c);
                if (Array.indexOf)
                    return Array.indexOf(a, b, c);
                for (c = null == c ? 0 : 0 > c ? Math.max(0, a.length + c) : c; c < a.length; c++)
                    if (c in a && a[c] === b)
                        return c;
                return -1
            },
            W = function (a, b) {
                return -1 == Wb(a, V) ? (r(Error(V + "_" + b), "up", "caa"), !1) : !0
            },
            Yb = function (a, b) {
                W([1, 2], "r") && (T[a] = T[a] || [],
                T[a].push(b),
                2 == V && window.setTimeout(function () { b(Xb(a)) }, 0))
            },
            Zb = function (a, b, c) {
                if (W([1], "nap") && c) {
                    for (var d = 0; d < c.length; d++)
                        Ub[c[d]] = !0;
                    gbar.up.spl(a, b, "nap", c)
                }
            },
            $b = function (a, b, c) {
                if (W([1], "aop") && c) {
                    if (U)
                        for (var d in U) U[d] = U[d] && -1 != Wb(c, d);
                    else for (U = {}, d = 0; d < c.length; d++)
                        U[c[d]] = !0;
                    gbar.up.spl(a, b, "aop", c)
                }
            },
            ac = function () {
                try {
                    if (V = 2, !Vb) {
                        Vb = !0;
                        for (var a in T)
                            for (var b = T[a], c = 0; c < b.length; c++)
                                try {
                                    b[c](Xb(a))
                                }
                                catch (d) {
                                    alert("Error-2678 " + d);
                                    r(d, "up", "tp");
                                }
                    }
                } catch (g) {
                    alert("Error-2682 " + g);
                    r(g, "up", "mtp");
                }
            },
            Xb = function (a) {
                if (W([2], "ssp")) {
                    var b = !Ub[a];
                    U && (b = b && !!U[a]);
                    return b
                }
            };
        Vb = !1;
        T = {};
        Ub = {};
        U = null;
        var V = 1,
            bc = function (a) {
                var b = !0;
                try {
                    b = !a.cookie
                } catch (c) {
                    alert("Error-2703 " + c);
                }
                return b
            },
            cc = function () {
                try {
                    return !!win.localStorage && "object" == typeof win.localStorage
                } catch (a) {
                    alert("Error-2711 " + a);
                    return !1;
                }
            },
            dc = function (a) {
                return a && a.style && a.style.g && "undefined" != typeof a.load
            },
            ec = function (a, b, c, d) {
                try { bc(document) || (d || (b = "og-up-" + b), cc() ? win.localStorage.setItem(b, c) : dc(a) && (a.setAttribute(b, c), a.save(a.id))) }
                catch (g) {
                    alert("Error-2721 " + g);
                    g.code != DOMException.QUOTA_EXCEEDED_ERR && r(g, "up", "spd");
                }
            },
            fc = function (a, b, c) {
                try {
                    if (bc(document)) return "";
                    c || (b = "og-up-" + b);
                    if (cc())
                        return win.localStorage.getItem(b);
                    if (dc(a))
                        return a.load(a.id),
                            a.getAttribute(b)
                } catch (d) {
                    alert("Error-2735 " + d);
                    d.code != DOMException.QUOTA_EXCEEDED_ERR && r(d, "up", "gpd");
                } return ""
            },
        gc = function (a, b, c) {
            a.addEventListener ? a.addEventListener(b, c, !1) : a.attachEvent && a.attachEvent("on" + b, c)
        },
        hc = function (a) {
            for (var b = 0, c; c = a[b]; b++) {
                var d = gbar.up;
                c = c in d && d[c];
                if (!c) return !1
            } return !0
        }, ic = function (a, b) {
            try {
                if (bc(a)) return -1;
                var c = a.cookie.match(/OGPC=([^;]*)/);
                if (c && c[1]) {
                    var d = c[1].match(RegExp("\\b" + b + "-([0-9]+):"));
                    if (d && d[1]) return parseInt(d[1], 10)
                }
            } catch (g) {
                alert("Error-2757 " + g);
                g.code != DOMException.QUOTA_EXCEEDED_ERR && r(g, "up", "gcc");
            } return -1
        };
        p("up",
            { r: Yb, nap: Zb, aop: $b, tp: ac, ssp: Xb, spd: ec, gpd: fc, aeh: gc, aal: hc, gcc: ic });
        var Y = function (a, b) {
            a[b] = function (c) {
                var d = arguments;
                gbar.qm(function () {
                    a[b].apply(this, d)
                })
            }
        };
        Y(gbar.up, "sl");
        Y(gbar.up, "si");
        Y(gbar.up, "spl");
        Y(gbar.up, "dpc");
        Y(gbar.up, "iic");
        gbar.mcf("up", { sp: 0.01, tld: "com.hk", prid: "1" });
        function jc() {
            function a() {
                for (var b; (b = f[m++]) && "m" != b[0] && !b[1].auto;);
                b && (C(2, b[0]), b[1].url && oa(b[1].url, b[0]), b[1].libs && D && D(b[1].libs));
                m < f.length && setTimeout(a, 0)
            }
            function b() {
                0 < g-- ? setTimeout(b, 0) : a()
            }
            var c = true, d = false, g = 3, f = x, m = 0, l = window.gbarOnReady;
            if (l)
                try {
                    l()
                }
                catch (n) {
                    alert("Error-2792 " + n);
                    r(n, "ml", "or")
                }
            d ? p("ldb", a) : c ? ca(window, "load", b) : b()
        }
        p("rdl", jc);
    }
    catch (e) {
        alert("Error-2800 " + e);
        window.gbar && gbar.logger && gbar.logger.ml(e, { "_sn": "cfg.init" });
    }
})();

F2
-----
(function () {
    try {
        var a = window.gbar;
        a.mcf("pm", { p: "" });
    }
    catch (e) {
        alert("Error-2809 " + e);
        window.gbar && gbar.logger && gbar.logger.ml(e, { "_sn": "cfg.init" });
    }
})();

F3
-----
(function () {
    try {
        var a = window.gbar;
        a.mcf("mm", { s: "1" });
    }
    catch (e) {
        alert("Error-2820 " + e);
        window.gbar && gbar.logger && gbar.logger.ml(e, { "_sn": "cfg.init" });
    }
})();

F4
-----
(function () {
    try {
        var d = window.gbar.i.i; var e = window.gbar; var f = e.i; var g = f.c("1", 0), h = /\bgbmt\b/, k = function (a) {
            try { var b = document.getElementById("gb_" + g), c = document.getElementById("gb_" + a); b && f.l(b, h.test(b.className) ? "gbm0l" : "gbz0l"); c && f.k(c, h.test(c.className) ? "gbm0l" : "gbz0l") }
            catch (l) {
                alert("Error-2829 " + l);
                d(l, "sj", "ssp");
            } g = a
        }, m = e.qs, n = function (a) { var b; b = a.href; var c = window.location.href.match(/.*?:\/\/[^\/]*/)[0], c = RegExp("^" + c + "/search\\?"); (b = c.test(b)) && !/(^|\\?|&)ei=/.test(a.href) && (b = window.google) && b.kEXPI && (a.href += "&ei=" + b.kEI) }, p = function (a) {
            m(a);
            n(a)
        }, q = function () { if (window.google && window.google.sn) { var a = /.*hp$/; return a.test(window.google.sn) ? "" : "1" } return "-1" }; e.rp = q; e.slp = k; e.qs = p; e.qsi = n;
    }
    catch (e) {
        alert("Error-2838 " + e);
        window.gbar && gbar.logger && gbar.logger.ml(e, { "_sn": "cfg.init" });
    }
})();

F5
-----
(function () {
    try {
        window.gbar.rdl();
    }
    catch (e) {
        alert("Error-2847 " + e);
        window.gbar && gbar.logger && gbar.logger.ml(e, { "_sn": "cfg.init" });
    }
})();

JS-Api
--------------------------------------------------
//ssl.gstatic.com/gb/js/abc/glm_e7bb39a7e1a24581ff4f8d199678b1b9.js
//ssl.gstatic.com/gb/js/sem_89104b6af0c87a5697dec4b559556233.js
//ssl.gstatic.com/gb/js/abc/gci_91f30755d6a6b787dcc2a4062e6e9824.js
//ssl.gstatic.com/gb/js/abc/pwm_45f73e4df07a0e388b0fa1f3d30e7280.js
/extern_chrome/41b7a1f284a99d0d.js

images
--------------------------------------------------
//ssl.gstatic.com/gb/images/b_8d5afc09.png

 

1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。
应用背景为变电站电力巡检,基于YOLO v4算法模型对常见电力巡检目标进行检测,并充分利用Ascend310提供的DVPP等硬件支持能力来完成流媒体的传输、处理等任务,并对系统性能做出一定的优化。.zip深度学习是机器学习的一个子领域,它基于人工神经网络的研究,特别是利用多层次的神经网络来进行学习和模式识别。深度学习模型能够学习数据的高层次特征,这些特征对于图像和语音识别、自然语言处理、医学图像分析等应用至关重要。以下是深度学习的一些关键概念和组成部分: 1. **神经网络(Neural Networks)**:深度学习的基础是人工神经网络,它是由多个层组成的网络结构,包括输入层、隐藏层和输出层。每个层由多个神经元组成,神经元之间通过权重连接。 2. **前馈神经网络(Feedforward Neural Networks)**:这是最常见的神经网络类型,信息从输入层流向隐藏层,最终到达输出层。 3. **卷积神经网络(Convolutional Neural Networks, CNNs)**:这种网络特别适合处理具有网格结构的数据,如图像。它们使用卷积层来提取图像的特征。 4. **循环神经网络(Recurrent Neural Networks, RNNs)**:这种网络能够处理序列数据,如时间序列或自然语言,因为它们具有记忆功能,能够捕捉数据中的时间依赖性。 5. **长短期记忆网络(Long Short-Term Memory, LSTM)**:LSTM 是一种特殊的 RNN,它能够学习长期依赖关系,非常适合复杂的序列预测任务。 6. **生成对抗网络(Generative Adversarial Networks, GANs)**:由两个网络组成,一个生成器和一个判别器,它们相互竞争,生成器生成数据,判别器评估数据的真实性。 7. **深度学习框架**:如 TensorFlow、Keras、PyTorch 等,这些框架提供了构建、训练和部署深度学习模型的工具和库。 8. **激活函数(Activation Functions)**:如 ReLU、Sigmoid、Tanh 等,它们在神经网络中用于添加非线性,使得网络能够学习复杂的函数。 9. **损失函数(Loss Functions)**:用于评估模型的预测与真实值之间的差异,常见的损失函数包括均方误差(MSE)、交叉熵(Cross-Entropy)等。 10. **优化算法(Optimization Algorithms)**:如梯度下降(Gradient Descent)、随机梯度下降(SGD)、Adam 等,用于更新网络权重,以最小化损失函数。 11. **正则化(Regularization)**:技术如 Dropout、L1/L2 正则化等,用于防止模型过拟合。 12. **迁移学习(Transfer Learning)**:利用在一个任务上训练好的模型来提高另一个相关任务的性能。 深度学习在许多领域都取得了显著的成就,但它也面临着一些挑战,如对大量数据的依赖、模型的解释性差、计算资源消耗大等。研究人员正在不断探索新的方法来解决这些问题。
深度学习是机器学习的一个子领域,它基于人工神经网络的研究,特别是利用多层次的神经网络来进行学习和模式识别。深度学习模型能够学习数据的高层次特征,这些特征对于图像和语音识别、自然语言处理、医学图像分析等应用至关重要。以下是深度学习的一些关键概念和组成部分: 1. **神经网络(Neural Networks)**:深度学习的基础是人工神经网络,它是由多个层组成的网络结构,包括输入层、隐藏层和输出层。每个层由多个神经元组成,神经元之间通过权重连接。 2. **前馈神经网络(Feedforward Neural Networks)**:这是最常见的神经网络类型,信息从输入层流向隐藏层,最终到达输出层。 3. **卷积神经网络(Convolutional Neural Networks, CNNs)**:这种网络特别适合处理具有网格结构的数据,如图像。它们使用卷积层来提取图像的特征。 4. **循环神经网络(Recurrent Neural Networks, RNNs)**:这种网络能够处理序列数据,如时间序列或自然语言,因为它们具有记忆功能,能够捕捉数据中的时间依赖性。 5. **长短期记忆网络(Long Short-Term Memory, LSTM)**:LSTM 是一种特殊的 RNN,它能够学习长期依赖关系,非常适合复杂的序列预测任务。 6. **生成对抗网络(Generative Adversarial Networks, GANs)**:由两个网络组成,一个生成器和一个判别器,它们相互竞争,生成器生成数据,判别器评估数据的真实性。 7. **深度学习框架**:如 TensorFlow、Keras、PyTorch 等,这些框架提供了构建、训练和部署深度学习模型的工具和库。 8. **激活函数(Activation Functions)**:如 ReLU、Sigmoid、Tanh 等,它们在神经网络中用于添加非线性,使得网络能够学习复杂的函数。 9. **损失函数(Loss Functions)**:用于评估模型的预测与真实值之间的差异,常见的损失函数包括均方误差(MSE)、交叉熵(Cross-Entropy)等。 10. **优化算法(Optimization Algorithms)**:如梯度下降(Gradient Descent)、随机梯度下降(SGD)、Adam 等,用于更新网络权重,以最小化损失函数。 11. **正则化(Regularization)**:技术如 Dropout、L1/L2 正则化等,用于防止模型过拟合。 12. **迁移学习(Transfer Learning)**:利用在一个任务上训练好的模型来提高另一个相关任务的性能。 深度学习在许多领域都取得了显著的成就,但它也面临着一些挑战,如对大量数据的依赖、模型的解释性差、计算资源消耗大等。研究人员正在不断探索新的方法来解决这些问题。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值