master

分支 (1)

管理

管理

master

Geek-front-lession2-3
/
index.html

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>百度一下，你就知道了</title>
    <link rel="stylesheet" href="./static/css/index.css">
    <link rel="shortcut icon" href="./static/images/favicon.ico">
    <script type="text/javascript" src="./static/js/index.js"></script>
</head>

<body>
    <!--导航以及导航菜单-->
    <nav class="nav">
        <ul>
            <li><a class="nav_a" href="http://www.nuomi.com/?cid=002540">糯米</a></li>
            <li><a class="nav_a" href="http://news.baidu.com/">新闻</a></li>
            <li><a class="nav_a" href="http://www.hao123.com/">hao123</a></li>
            <li><a class="nav_a" href="http://map.baidu.com/">地图</a></li>
            <li><a class="nav_a" href="http://v.baidu.com/">视频</a></li>
            <li><a class="nav_a" href="http://tieba.baidu.com/">贴吧</a></li>
            <li><a class="nav_a" href="https://passport.baidu.com/v2/?login&tpl=mn&u=http%3A%2F%2Fwww.baidu.com%2F">登录</a></li>
            <li class="setting" onmouseover="settingMenuHideOrdisplay()" onmouseout="settingMenuHideOrdisplay()"><a class="nav_a" href="">设置</a>
                <div id="setting_menu" class="setting_menu_hide">
                    <div class="setting_menu_row">
                        <img src="./static/images/triangular_16px_1168028_easyicon.net.ico" />
                    </div>
                    <div class="setting_menu_content">
                        <ul>
                            <li><a href="">搜索设置</a></li>
                            <li><a href="">高级搜索</a></li>
                            <li><a href="">关闭预测</a></li>
                            <li><a href="">搜索历史</a></li>
                        </ul>
                    </div>
                </div>
            </li>
            <!--  -->
            <li class="products" onmouseover="productsMenuHideOrdisplay()" onmouseout="productsMenuHideOrdisplay()">
                <a id="products_a" href="">更多产品</a>
                <div id="products_menu" class="products_menu_hide">
                    <ul>
                        <li id="products_menu_top"><a href="">更多产品</a></li>
                        <li>
                            <a class="products_menu_a" href="http://music.baidu.com/">
                                <div id="music_icon"></div>
                                <div>音乐</div>
                            </a>
                        </li>
                        <li>
                            <a class="products_menu_a" href="http://image.baidu.com/">
                                <div id="pic_icon"></div>
                                <div>图片</div>
                            </a>
                        </li>
                        <li>
                            <a class="products_menu_a" href="http://zhidao.baidu.com/">
                                <div id="zhidao_icon"></div>
                                <div>知道</div>
                            </a>
                        </li>
                        <li>
                            <a class="products_menu_a" href="http://wenku.baidu.com/">
                                <div id="wenku_icon"></div>
                                <div>文库</div>
                            </a>
                        </li>
                        <li>
                            <a class="products_menu_a" href="http://top.baidu.com/">
                                <div id="wenku_icon"></div>
                                <div>文库</div>
                            </a>
                        </li>
                        <li>
                            <a class="products_menu_a" href="http://e.baidu.com/?refer=888">
                                <div id="tuiguang_icon"></div>
                                <div>百度推广</div>
                            </a>
                        </li>
                        <li><a href="https://www.baidu.com/more/">全部产品>></a></li>
                    </ul>
                </div>
            </li>
        </ul>
    </nav>
    <!--主页图片以及搜索输入框-->
    <article class="main">
        <div class="logo">
            <img src="./static/images/bd_logo1.png">
        </div>
        <form action="https://www.baidu.com/s">
            <div id="input_div" class="text_span">
                <input type="text" onfocus="changeInputParentBorderColor()" onblur="changeInputParentBorderColor()" name="wd" />
                <input type="hidden" name="cl" value="3" />
                <input type="hidden" name="ie" value="utf-8">
                <span class="camera"></span>
            </div>
            <div class="button_span">
                <input type="submit" value="百度一下" />
            </div>
        </form>
    </article>
    <!--二维码以及版权-->
    <footer class="foot">
        <div class="qrcode-img">
        </div>
        <div class="qrcode-text">
            <b>手机百度</b>
            <p>快人一步</p>
        </div>
        <div class="qrcode-img2">
        </div>
        <dir class="qrcode-text">
            <b>百度糯米</b>
            <p>一元大餐</p>
        </dir>
        <div class="right">
            <div class="about">
                <a href="https://www.baidu.com/cache/sethelp/help.html" target="_blank">把百度设为主页</a>
                <!--
                --><span></span><a href="http://home.baidu.com/">关于百度</a>
                <!--
                --><span></span><a href="http://ir.baidu.com/">About&nbsp;Baidu</a>
            </div>
            <div class="help">
                <div>©2016Baidu</div>
                <a href="http://www.baidu.com/duty/">使用百度前必读</a>&nbsp;
                <a href="http://jianyi.baidu.com/">意见反馈</a>
                <div>京ICP证030173号</div>
                <div class="icrlogo"></div>
            </div>
            <div>
                <div class="c-icon-jgwablo"></div>京公网安备11000002000001号</div>
        </div>
    </footer>
</body>

</html>