模仿实现有道主页
<!DOCTYPE html><html> <head><meta charset="UTF-8"><meta name="keywords" content="有道, 搜索, 词典, 翻译, 云笔记, 笔记, 惠惠网, 惠惠购物助手, 购物搜索, 图片搜索, 视频搜索, 新闻搜索, 网易有道, 在线翻译, 专业翻译"> <meta name="description" content="网易旗下利用大数据技术提供移动互联网应用的子公司，过去8年，先后 推出有道词典、有道翻译官、有道云笔记、惠惠网、有道推广、有道精品课、有道口语大师等系列产品，总用户量 达到7亿。"> <title>有道首页</title> <link href="https://shared.ydstatic.com/images/favicon.ico" type="image/x-icon" rel="shortcut icon"> <link rel="stylesheet" href="https://shared.ydstatic.com/dict/v2016/entry/pc4.css"> <script>var _rlog = _rlog || []; _rlog.push(["_setAccount" , "dictweb"]); _rlog.push(["_addPost" , "page" , "index"]); </script> <style type="text/css" .foot1 { margin:auto; ></style> </head> <body> <div class="wrapper"> <style> body{background-image: url(2.jpg); background-repeat: no-repeat;background-position: center;} </style> <div id="nav"> <a id="wljb" href="http://report.12377.cn:13225/toreportinputNormal_anis.do" target="_blank"> </a> <div id="more"><div> <span></span>更多产品 </div> <div class="menu"><ul><li><a href="https://cidian.youdao.com/index.html"> <span class="icon_cidian"></span> <div>网易有道词典 </div></a></li><li><a href="https://itunes.apple.com/cn/app/id1436930241?mt=8"> <span class="icon_shaoercidian"> </span><div>有道少儿词典</div></a></li><li> <a href="https://speak.youdao.com/"> <span class="icon_kouyu"> </span> <div>有道口语</div> </a></li><li><a href="https://ke.youdao.com/"> <span class="icon_jingpinke"> </span> <div>有道精品课</div> </a></li> <li> <a href="https://fanyiguan.youdao.com/?keyfrom=about.youdao"> <span class="icon_fanyiguan"></span> <div>有道翻译官</div> </a></li><li><a href="https://recite.youdao.com/"> <span class="icon_beidanci"></span> <div>有道背单词</div></a></li><li> <a href="https://note.youdao.com/?keyfrom=about.youdao"> <span class="icon_yunbiji"> </span><div>有道云笔记</div> </a> </li> <li> <a href="https://co.youdao.com/product.html?keyfrom=website"> <span class="icon_xiezuo"></span> <div>有道云协作</div> </a> </li> <li> <a href="https://zhushou.huihui.cn/"> <span class="icon_huihui"> </span><div>惠惠购物助手</div> </a> </li> <li> <a href="https://store.youdao.com/#/general"> <span class="icon_fanyiwang"> </span><div>有道翻译王</div> </a></li> <li> <a href="http://dsp.youdao.com/dsp/website/developer.shtml?keyfrom=dict2.index"> <span class="icon_zhixuan"> </span><div>有道智选</div> </a> </li> <li> <a href="https://ai.youdao.com/"> <span class="icon_zhiyun"> </span> <div>有道智云</div> </a> </li> <li> <a target="_blank" href="http://www.youdao.com/about/?keyfrom=dict2.index">全部产品 </a> </li> </ul> </div> </div> <ul> <li> <a href="http://www.huihui.cn/?keyfrom=dict2.index">惠惠 </a> </li> <li> <a href="http://f.youdao.com/?keyfrom=dict2.index">人工翻译 </a> </li> <li> <a href="#"> </a> </li> <li> <a href="http://note.youdao.com/?keyfrom=dict2.index">云笔记 </a> </li> <li> <a href="https://ke.youdao.com/?keyfrom=dict2.index">精品课 </a> </li> <li> <a href="http://fanyi.youdao.com/?keyfrom=dict2.index">翻译 </a> </li> <li> <a href="https://recite.youdao.com/?vendor=chanpindaohang">背单词 </a> </li> <li> <a href="http://dict.youdao.com/?keyfrom=dict2.index">词典 </a> </li> </ul> </div> <div id="margin1"> </div> <div id="logo"> <div class="logo"> </div> </div> <div id="margin2"> </div> <div id="search"> <div class="wrap"> <form method="GET" action="/search" id="form"> <img class="logo" src="https://shared-https.ydstatic.com/dict/v2016/logo.png" alt="有道图标"> <div id="selectType"> <div id="type">中英 </div> <div class="side">1 </div> <span class="arrow"> </span> <ul id="typeList"> <li>中英 </li> <li>中法</li><li>中韩</li><li>中日</li><li>中葡</li><li>中德</li><li>中西</li><li>中俄</li> </ul> </div> <div id="border"> <input type="text" name="le" id="translateType" value="eng"> <input type="text" name="q" onmouseover="this.focus()" onfocus="this.select() " maxlength="256" id="translateContent" autocomplete="off" placeholder="在此输入要翻译的单词或文字"> <input type="hidden" name="keyfrom" value="dict2.index"> <span id="hnwBtn" class="hand-write"> </span> </div> <button>翻译</button> </form> </div> </div> <div id="margin3"> <span> <a target="_blank" href="http://c.youdao.com/dict/download.html?app=dict&vendor=webdict_default&platform=win&url=http%3A%2F%2Fcodown.youdao.com%2Fcidian%2FYoudaoDict_webdict_default.exe">下载词典客户端 </a> </span> | <span> <a target="_blank" href="http://cidian.youdao.com/mobile.html?keyfrom=dict2.index">下载词典移动端 </a></span> | <span><a target="_blank" href="http://dict.youdao.com/wordbook/wordlist?keyfrom=dict2.index">查看单词本 </a> </span> | <span class="ugc-link"><a href="http://c.youdao.com/dict/ugc/ugc-activity.html">秒懂释义 <sup>•</sup> </a> </span> </div> <div id="doc2"> <div class="wrap"> <div class="fl"> <div class="channel"> <div class="popout"> <div class="container"> <span class="active">精选阅读</span> <span>必备课程</span> <span>折扣精选</span> </div> </div> </div> <div id="vista"> </div><div id="course"> <div class="category"> <span class="active">四六级 </span><span>考研 </span><span>实用英语 </span> </div> <div id="CET" class="cate start"> </div> <div id="IELTS" class="cate start"> </div> <div id="Kaoyan" class="cate start"> </div> <div id="GRE" class="cate start"> </div> <div id="Practical" class="cate start"> </div> </div> <div id="discount" class="start"> </div> <div class="hint-wrapper"> <span class="icon_arrow"> </span> <spna class="hint">加载中... </spna> </div> </div> <div class="fr"> <div class="popout"> <iframe src="https://c.youdao.com/www/banner.html" frameborder="0"> </iframe> <div class="hd"> <a target="_blank" href="https://ke.youdao.com/course/list/0/1?keyfrom=dict2.index">热门课程 </a> </div> <div class="bd"> </div> </div> </div> </div> </div> <div class="foot1" style="font color: blue;"> <div class="wrap" > <ul style="align-content: center;"> <li> <a href="http://www.youdao.com/about/">关于有道 </a> </li> <li> <a href="http://dsp.youdao.com/">有道智选 </a> </li> <li> <a href="http://ai.youdao.com/?keyfrom=dict2.index">有道智云 </a></li><li><a href="http://i.youdao.com/">官方博客 </a></li><li><a href="http://techblog.youdao.com/">技术博客 </a></li><li><a href="http://campus.youdao.com/index.php?t1=index">诚聘英才 </a></li><li><a href="http://shared.youdao.com/www/contactus-page.html">联系我们 </a></li><li><a href="http://dict.youdao.com/map/index.html">站点地图 </a></li><li><a href="http://www.12377.cn/">网络举报 </a></li><li><a href="http://shared.youdao.com/images/license/businessLicense.png">营业执照 </a></li><li><a href="http://shared.youdao.com/images/license/publicationLicense.png">出版物经营许可证 </a></li></ul><p class="phone">违法和不良信息举报电话：010-82558163 <span class="copy-right"> © <script>document.write(new Date().getFullYear()); </script><a href="http://www.163.com/">网易公司 </a> <a href="http://www.youdao.com/terms/privacy.html">隐私政策 </a> <a href="http://www.youdao.com/terms/index.html">服务条款 </a> 京ICP证080268号 </span></p></div></div><a id="backToTop" href="javascript:void(0);">返回到顶部 </a><div id="handWrite" class="pm" style="display:none"> <object width="346" height="216" type="application/x-shockwave-flash" id="hnw" data="https://shared.ydstatic.com/dict/v5.16/swf/Hnw.swf"> <param name="movie" value="${DictStaticBase}swf/Hnw.swf"> <param name="menu" value="false"> <param name="allowScriptAccess" value="always"> </object> </div> </body> </html>
版权声明：本文为liyoubin原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。