百度登录页面

来源：互联网发布：五五开德云色事件知乎编辑：程序博客网时间：2024/06/04 19:49

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title></title> <link rel="stylesheet" href="denglv.css" /> <script type="text/javascript" src="js/denglv.js" ></script> <script> //点击登录 function login(){ //获取覆盖图层对象 var backimg = document.getElementById("backimg"); //登录框的div对象 var login = document.getElementById("box"); login.style.display = "block"; backimg.style.display = "block"; } //隐藏登录弹出框 function loginClose(){ //登录框的div对象 var login = document.getElementById("box"); //获取覆盖图层对象 var backimg = document.getElementById("backimg"); login.style.display = "none"; backimg.style.display = "none"; } </script> </head> <body> <table border="0px"width="100%"height="900px"> <tr height="10%"> <td class="denglv" align="right"> <a href="#" >新闻</a> <a href="#" >hao123</a> <a href="#" >地图</a> <a href="#" >视频</a> <a href="#" >学术</a> <a onclick="login()">登录</a> <a href="#" >设置</a>   <button style="background-color: deepskyblue;">更多产品</button> </td> </tr> <tr height="40%"> <td align="center"> <p> <img src="img/bd_logo1.png"width="270px"height="129px"/> </p> <p> <form action="http://www.baidu.com/s"> <input type="text" name="wd" style="width: 540px;height: 36px;font-size: 20px;"/> <button style="border: 0;width: 110px;height: 44px;background:#3385FF ; color: white;">百度一下</button> </form> </p> </td> </tr> <td align="center"> <p> <img src="img/zbios_efde696.png"/> </p> <p>手机百度</p> <p> <a href="#"style="color: darkgrey;">把百度设为主页</a>   <a href="#"style="color: darkgrey;">关于百度</a>   <a href="#"style="color: darkgrey;">About Baidu</a>   <a href="#"style="color: darkgrey;">百度推广</a><br/> </p> <p> <a style="color: darkgrey;">©2017Baidu</a> <a href="#"style="color: darkgrey;">使用百度前必读</a>  <a href="#"style="color: darkgrey;">意见反馈</a> <a style="color: darkgrey;">京ICP030173号</a> <img src="img/QQ图片20170906182622.png"style="color: darkgrey;"/>   <a href="#"style="color: darkgrey;">京公网备1100002000001号</a> <img style="color: darkgrey;"style="color: darkgrey;"src="img/SXP(C3)C@)7H3VP8CE$(MJJ.png"/> </p> </td> <tr> </tr> </table> <div id="backimg" class="back-img" ></div> <div id="box" class="login">  <div class="login-top" onmousedown="down()" onmouseup="up()" onmousemove="move()"> <img src="img/QQ图片20170921134956.png"/> <h3>登录百度账号</h3> <span class="close-login" onclick="loginClose()">×</span> </div> <div class="mid"> <img src="img/QQ20170921171914.png"/> <p class="duanxin">短信快捷登录</p> <input class="input1" type="text" placeholder="手机/邮箱/用户名" /> <input class="input1" type="text" placeholder="密码" /> <p style="float: left;margin-top: 20px;"> <input type="checkbox" />下次自动登录 <a href="#"style="float: right ;margin-left: 160px;text-decoration: none;">登录遇到问题</a> </p> <button >登录</button> <a href="#"style="float: right; margin-top: 10px; text-decoration: none;">立即注册</a> </div> <div class="foot"> <p style="color: gray; font-size: 13px;">可以使用以下方式登录</p> <img src="img/QQ20170921194936.jpg"> <img src="img/QQ20170921194948.jpg" /> </div> </div> </body> </html>

阅读全文

0 0