4.2京东登陆界面上部分

最新推荐文章于 2023-10-28 17:42:41 发布
最新推荐文章于 2023-10-28 17:42:41 发布
阅读量522 收藏 3
点赞数
分类专栏： 前端 文章标签： 京东登陆界面上部分
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/BossHAO/article/details/101012670
版权

4.2京东登陆界面上部分

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>京东-欢迎登录</title>
		<link rel="icon" href="//www.jd.com/favicon.ico"/><!--显示网站的图标  JD-->
		<style type="text/css">
			*{
				margin: 0px;
				padding: 0px;
			}
			/*对jd页面的头部信息进行设置*/
			#jd_header{
				/*border: 1px solid red;*/
				height: 100px;
			}
			  .header_img1{
			  	  margin-top: 30px;
			  	  margin-left: 150px;
			  }
			  .header_img2{
			  	  margin-left: 30px;
			  }
			  .header_img3{
			  	  position: relative;
			  	  top: 70px;
			  	  left: 50px;
			  }
			  .header_a1{
			  	 font-size: 10px;
			  	 color: #999999;
			  	 text-decoration: none;
			  	 position: relative;
			  	 top:67px ;
			  	 left: 50px;
			  }
			  #header_right a:hover{
			  	  color: red;
			  	  text-decoration: underline;
			  }
			  #header_right{
			  	/*border: 1px solid blue;*/
			  	height:100px ;
			  	width: 400px;
			  	float: right;
			  }
			/*敬告信息*/
			#jd_tips{
				background: #FFF8F0;
				height: 40px;
			}
			  #jd_tips p{
			  	 color: #999999;
			  	 font-size: 10px;
			  }
			  .tips_img{
			  	 position: relative;
			  	 top: 15px;
			  	 left: 200px;
			  }
			  .tips_content{
			  	 position: relative;
			  	 left: 222px;
			  	 bottom: 6px;
			  }
			   p a{
			   	 color: black;
			   	 text-decoration: none;
			   }
			   p a:hover{
			   	  text-decoration: underline;
			   }
			/*京东页面中间信息部分*/
			#login{
				height: 475px;
				/*该div的背景图片*/
				background-image: url(img/a21e2dac177aa082.jpg);
				background-repeat: no-repeat;
				background-position: center;
				/*background-size: 100% 475px;*/
				background-color: #0E0D09;
			}
			   #login_div1{
			   	   width: 345px;
			   	   height: 400px;
			   	   background: white;
			   	   float: right;
			   	   position: relative;
			   	   top: 15px;
			   	   right: 120px;
			   }
			   #login_tips{
			   	   height: 60px;
			   	   background:#FFF8F0 ;
			   }
			     .login_img1{
			     	 position: relative;
			     	 top: 20px;
			     	 left: 30px;
			     }
			     #login_tips span{
			     	font-size: 10px;
			     	color: #999999;
			     	position: relative;
			     	top: 17px;
			     	left: 30px;
			     }
			       table{
			       	  text-align: center;
			       }
			       tr{
			       	  height: 53px;
			       }
			       td{
			       	  width: 95px;
			       }
			    .table_a1{
			    	color: black;
			    	font-size: 18px;
			    	text-decoration: none;
			    }
			    .table_a2{
			    	color: red;
			    	font-size: 20px;
			    	text-decoration: none;
			    }
			    .table_img1{
			    	position: absolute;
			    	top: 125px;
			    	left: 10px;
			    }
			     .table_img2{
			    	position: absolute;
			    	top: 180px;
			    	left: 10px;
			    }
			    #table_input1{
			    	width: 250px;
			    	height: 35px;
			    	position: absolute;
			    	top: 127px;
			    	left: 52px;
			    }
			    #table_input2{
			    	width: 250px;
			    	height: 35px;
			    	position: absolute;
			    	top: 180px;
			    	left: 52px;
			    }
			    .table_a3{
			    	font-size: 10px;
			    	color: #999999;
			    	text-decoration: none;
			    }
			      #aaa a:hover{
			      	  color: red;
			      	  text-decoration: underline;
			      }
			    #table_input3{
			       width: 305px;
			       height: 35px;
			       background: #E4393C;
			       color: white;
			       font-size: 18px;
			    }
			.table_img3{
				position: absolute;
				top: 350px;
				left: 10px;
			}
			.table_a4{
				color: #999999;
				font-size: 12px;
				text-decoration: none;
				position: absolute;
				top:355px ;
				left: 40px;
			}
			#a4 a:hover{
				color: red;
				text-decoration: underline;
			}
			.table_img4{
				position: absolute;
				top: 353px;
				left: 90px;
			}
			.table_a5{
				color: #999999;
				font-size: 12px;
				text-decoration: none;
				position: absolute;
				top:355px ;
				left: 120px;
			}
			#a5 a:hover{
				color: red;
				text-decoration: underline;
			}
			.table_img5{
				position: absolute;
				top: 353px;
				left: 200px;
			}
			.table_a6{
				color: red;
				font-size: 16px;
				text-decoration: none;
				position: absolute;
				top:352px ;
				left: 220px;
			}
			    
		</style>
	</head>
	<body>
		<!--1.header头信息部分-->
		<div id="jd_header">
			<!--两个图片-->
			<img class="header_img1" src="img/logo-201305-b.png" />
			<img class="header_img2" src="img/l-icon.png" />
			<!--嵌套一个div-->
			<div id="header_right">
				<img class="header_img3" src="img/q-icon.png" />
				<a class="header_a1" href="#">登录页面，调查问卷</a>
			</div>
		</div>
		<!--2.敬告信息-->
		<div id="jd_tips">
			<img class="tips_img" src="img/icon-tips.png" />
			<p class="tips_content">
				依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！ 新版<a href="#"><b>《京东隐私政策》</b></a>已上线，将更有利于保护您的个人隐私。
			</p>
		</div>
		<!--3.中间内容部分-->
		<div id="login">
			<!--嵌套div   存放：登录信息-->
			<div id="login_div1">
				<!--增加一个div  存放：敬告信息-->
				<div id="login_tips">
					<img class="login_img1" src="img/icon-tips.png" />
					<span>
						京东不会以任何理由要求您转账汇款，谨防诈骗。
					</span>
				</div>
				<!--table标签-->
				<table>
					<tr>
						<td colspan="2">
							<a class="table_a1" href="#"><strong>扫码登录</strong></a>
						</td>
						<td colspan="2">
							<a class="table_a2"  href="#"><strong>账号登录</strong></a>
						</td>
						
					</tr>
					<tr>
						<td colspan="4">
							<img class="table_img1" src="img/account.png" />
							<input type="text" name="" id="table_input1" placeholder="邮箱/用户名/手机号" />
						</td>
						
					</tr>
					<tr>
						<td colspan="4">
							<img class="table_img2" src="img/lock.png" />
							<input type="password" name="" id="table_input2" placeholder="密码" />
						</td>
					</tr>
					<tr>
						<td></td>
						<td></td>
						<td></td>
						<td id="aaa">
							<a class="table_a3" href="#">忘记密码</a>
						</td>
					</tr>
					<tr>
						<td colspan="4">
							<input type="button" name="" id="table_input3" value="登&nbsp;&nbsp;&nbsp;录" />
						</td>
					</tr>
					<tr>
						<td id="a4">
							<img class="table_img3" src="img/qq.png" />
							<a class="table_a4" href="#">QQ</a>
						</td>
						<td id="a5">
							<img class="table_img4" src="img/weixin.png" />
							<a class="table_a5" href="#">微信</a>
						</td>
						<td colspan="2">
							<img class="table_img5" src="img/jiantou.png"  />
							<a class="table_a6" href="#">立即注册</a>
						</td>
					</tr>
				</table>
			</div>
		</div>
	</body>
</html>
不戴眼镜的眼镜男
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
京东登录界面
10-04
HTML+CSS仿京东登录页面布局 适合刚开始接触HTML+CSS学者
京东登陆界面（静态）
LanQiLi的博客
09-01 4741
ps：模仿的京东的登陆界面，但只是个静态的，还没有怎么熟练运用javascript的知识，代码如下 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;京东-欢迎登录&lt;/title&gt; &lt;link rel="ic
仿京东登录页面
11-21
【仿】京东登录页面的布局实现，方便大家使用，共同学习！
京东Web端登录的用例测试.xmind
05-07
主要包含面试过程中的用例设计的相关。
HTML5浮动-制作京东登录页面
08-29
制作京东登录页面
ext4.2登陆界面
12-11
标题中的"ext4.2登陆界面"指的是使用ExtJS 4.2框架创建的登录界面。ExtJS 4.2是该框架的一个稳定版本，包含了众多改进和新特性，比如性能优化、新的图表组件、改进的布局管理以及更强大的数据包。在这个特定的项目中...
ECSHOP小京东V4.2云盘下载地址
11-27
ECSHOP小京东V4.2的核心知识点包括： 1. **框架与语言**：ECSHOP小京东V4.2是基于PHP编程语言构建的，使用了面向对象的设计模式，这使得代码结构清晰，易于维护和扩展。同时，它可能采用了MVC（Model-View-...
易语言源码易语言简易YY4.2客户端登陆源码.rar
02-21
易语言源码易语言简易YY4.2客户端登陆源码.rar 易语言源码易语言简易YY4.2客户端登陆源码.rar 易语言源码易语言简易YY4.2客户端登陆源码.rar 易语言源码易语言简易YY4.2客户端登陆源码.rar 易语言源码易语言简易...
易语言简易YY4源码,易语言简易YY4.2客户端登陆
07-22
易语言简易YY4.2客户端登陆源码,简易YY4.2客户端登陆,运行执行文件
小京东V4.2加盟连锁版
10-23
最新小京东V4.2单仓库纪念版。PC+WAP+微信B2B2C+一键安装+伪静态+多商家入住，其余不多说了，主要是介绍一下程序的都有什么功能，程序首先是一款综合型的大型在线商城，多商家入驻版，支持个人和商家在你网站上开...
html作业 仿京东商城登录界面
07-17
本资源课为html新手作业的参考答案使用，运用html+css实现的页面布局
html和css写京东登录页
m0_56713342的博客
10-28 1567
【代码】html和css写京东登录页。
京东首页制作html+css+js
weixin_57152189的博客
04-04 6412
index.css代码。
css+js+ajax+html实现京东项目
weixin_54862883的博客
07-26 1728
css+js+ajax+html实现京东项目 项目开始老样子先上效果图 ： 登录页面 注册页面 首页 商品详情页面 购物车页面 接下来我们开始上代码 HTML登录页面代码块 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"&gt
html+css京东登录页面
m4587的博客
07-22 3837
代码】html+css京东登录页面。
HTML和CSS实现京东登录页面（html,css代码详解）
热门推荐
dwjdj的博客
12-26 2万+
HTML代码 基本布局 想练手，或者需要素材的留言我发给你即可 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>京东-欢迎登陆</title> <meta name="keywords" content=...
html+css模拟京东商城登陆首页
西城月老的博客
09-28 1万+
目录@TOC 最近学一下html+css，按照老师傅的指导，新手最好的方法不是去看书而是coding。 于是大致翻阅了一些教程： W3cschool html教程 W3cschool css教程 慕课网 html+css教程 觉得入门了啊，怎么去验证下呢，做点东西吧，京东登陆页面搜出来：https://passport.jd.com/new/login.aspx，开始按这个模拟。 页面整体架构...
利用Python爬取京东商品的一种办法
qq_44638724的博客
11-22 4601
前言 如今的京东、淘宝、天猫等等已经不同往日了, 在用户不登录的情况下, 很难通过技术手段来大规模获取到我们关注的商品信息. 关于京东等购物网站的自动登录也有很多人在做, 但是大厂的反爬能力确实很强, 目前能查阅到的自动登录技术基本都过时了. 本文干脆跳过这一过程, 换一个思路. 在不登录的情况下获取商品的编号 我们登录京东的网址jd.com后可以在不登录的情况下直接搜索商品, 比如搜索手机 可以看到, 其实这一页面就已经列出商品的名称, 售价, 评价量等等. 遗憾的是这个页面的内容不能直接爬取, 但是
京东登录页面html代码_ThinkPHP网页登录与注册实现（有session拦截)
weixin_39798943的博客
12-08 759
简单登录页只做最简单的表单就足够实现了在你的控制器下面做一个触发器login，并且返回登录页login.html以下是thinkphp触发器login代码在试图文件夹view下面创建login.html文件即applicationindexview你的控制器名login.html以下是login.html代码效果图数据库中建立一个User用户表thinkPHP连接好数据库，建一个用户表（就是放账号...
qt qgc4.2界面修改
最新发布
01-16
可以通过Git克隆Qt QGC 4.2的存储库，或者从官方网站上下载源代码。 2. 找到需要修改的界面文件。Qt QGC 4.2使用Qt Quick作为默认的用户界面技术，所以界面文件通常以.qml文件的形式存在。根据你想要修改的部分，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值