项目实战:京东商城(1)----京东商城首页
京东商城(2)----京东商城登录页面
京东商城(3)----京东商城注册页面
网页效果:
网页源代码(入需其他源代码,请在评论下方留言):
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>个人注册</title><link rel="shortcut icon" href="favicon.ico"/><link rel="stylesheet" href="css/base.css"/><link rel="stylesheet" href="css/regist.css"/><script type="text/javascript" src="js/register.js" charset="UTF-8"></script></head><body><div class="mask" id="mask"><div class="xy"><i id="m_close"></i><div class="title">京东用户注册协议和隐私政策</div><iframe src="jdzcxy.html"></iframe><div class="an"><button class="bt1" onclick="window.location.href='index.html'">取消</button><button class="bt2" id="but2">同意并继续</button></div></div></div><div class="rheader"><div class="w"><div class="fl"><div class="logo fl"><a href="#" class="bglogo"></a></div><div class="welcome fl">欢迎注册</div></div><div class="fr">已有账号? <a href="login.html" class="col-red">请登录></a></div></div></div><div class="container"><div class="w"><div class="progress-bar clearfix"><div class="pro-num fl"><span class="current">1</span><p class="current">验证手机号</p></div><div class="jt fl"></div><div class="pro-num fl"><span>2</span><p>填写账号信息</p></div><div class="jt fl"></div><div class="pro-num fl"><span>3</span><p>注册成功</p></div></div><div class="form"><label for="phone">中国 0086 <i class="iconfont1"></i></label><input type="text" id="phone" value="建议使用常用手机号" autocomplete="off"/><span class="msg" id="msg">验证完成后,你可以使用该手机登录或找回密码</span><span id="right"></span></div><div class="yz">点击按钮进行验证</div><button type="submit">下一步</button><div class="lb"><div class="fl"><i></i>企业用户注册</div><div class="fr"><i></i>国际站注册</div></div></div></div><div class="footer"><div class="w"><p><a href="#">关于我们</a><span>|</span><a href="#">联系我们</a><span>|</span><a href="#">人才招聘</a><span>|</span><a href="#">商家入驻</a><span>|</span><a href="#">广告服务</a><span>|</span><a href="#">手机京东</a><span>|</span><a href="#">友情链接</a><span>|</span><a href="#">销售联盟</a><span>|</span><a href="#">京东社区</a><span>|</span><a href="#">京东公益</a><span>|</span><a href="#">English Site</a></p><p>Copyright©- 京东 版权所有</p></div></div></body></html>