master

分支 (1)

管理

管理

master

mobile_mall
/
index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			body {
				width: 100%;
				font-family: 宋体;
				background-color: rgb(247, 247, 245);
			}

			* {
				margin: 0;
				padding: 0;
			}

			.out {
				position: fixed;
				width: 100%;
			}

			.top {
				background-color: rgb(51, 51, 51);
				color: #ccc;
				width: 100%;
				height: 30px;
				font-size: 14px;
				overflow: hidden;
			}

			.index {
				width: 40%;
				float: left;
				text-align: center;
				list-style-type: none;
			}

			.index-li {
				width: 20%;
				float: left;
				padding: 8px 0;
			}

			a {
				text-decoration: none;
			}

			.user {
				float: right;
				padding-top: 8px;
				padding-bottom: 8px;
				padding-right: 3%;
			}

			.user-shop {
				margin-right: 40px;
			}

			.top a {
				color: #CCCCCC;
			}

			.top a:hover {
				color: #999999;
			}

			.head {
				position: fixed;
				background: rgb(247, 247, 247);
				opacity: 0.9;
				width: 100%;
				overflow: hidden;
			}

			.battery {
				width: 90%;
				float: left;
				text-align: center;
				list-style-type: none;
				font-family: 微软雅黑;
				font-size: 18px;
			}

			.battery-logo {
				width: 11.2%;
				float: left;
				font-size: 30px;
			}

			.battery-logo img {
				width: 70%;
				padding-top: 15%;
			}

			.battery-phone {
				width: 11.1%;
				float: left;
				padding: 20px 0;
			}

			.battery-a {
				color: black;
			}

			.battery-a:hover {
				color: #415fff;
			}


			.main {
				padding-top: 94px;
				width: 100%;
				overflow: hidden;
			}

			.wrap {
				width: 100%;
				overflow: hidden;
				height: 530px;
			}

			.wrap img {
				width: 100%;
			}
			.Vbuy{
				width: 100%;
				overflow: hidden;
			}
			.Vbuy img {
				width: 60%;
				margin: 10% 20% 5% 20%;
			}
			.title{
				text-align: center;
				margin-bottom: 1%;
				margin-top: 1%;
				font-size: 26px;
				font-weight: bold;
			}
			.Vone {
				float: left;
				width: 30%;
				margin-left: 3%;
				margin-right: 1%;
				background-color: white;
			}
			.Vtwo {
				float: left;
				width: 30%;
				margin: 0 1%;
				background-color: white;
			}
			.Vthree {
				float: left;
				width: 30%;
				margin-right: 3%;
				margin-left: 1%;
				background-color: white;
			}
			.hot-phone{
				text-decoration: none;
			}
			.phone{
				text-align: center;
				margin-bottom: 15%;
			}
			.name{
				font-size: 22px;
				font-weight: bold;
			}
			.detail{
				font-size: 17px;
			}
			.money{
				color: red;
				font-size: 20px;
				font-weight: bold;
				margin-top: 2%;
			}
			.fine{
				text-align: center;
				width: 100%;
				padding-top: 2%;
				overflow: hidden;
			}
			.fine-one,.fine-two,.fine-three{
				float: left;
				background-color: white;
			}
			.fine-one{
				width: 22.5%;
				margin: 0 1% 1% 2%;
			}
			.fine-two{
				width: 22.5%;
				margin: 0 1% 1% 1%;
			}
			.fine-three{
				width: 22.5%;
				margin: 0 2% 1% 1%;
			}
			.fine-img{
				width: 60%;
				margin: 10% 20% 5% 20%;
			}
			.name1{
				font-size: 20px;
				font-weight: bold;
			}
			.detail1{
				font-size: 15px;
			}
			.money1{
				color: red;
				font-size: 18px;
				font-weight: bold;
				margin-top: 2%;
			}
			footer{
				background-color: white;
				margin-top: 5%;
				padding: 3% 0 3% 0;
				text-align: center;
			}
			.down{
				float: left;
				width: 25%;
			}
			footer img{
				width: 20px;
			}
			.end{
				color: #333333;
				font-size: 18px;
			}
			.foot{
				color: #666666;
				font-size: 13px;
			}
			.return{
				font-size: 50px;
				font-weight: bolder;
				position: fixed;
				top: 90%;
				left: 97%;
				color: #999999;
			}
			.return:hover{
				color: #415fff;
			}
		</style>

		<script language="javascript" type="text/javascript" src="js/myphone.js"></script>

	</head>


	<script language="JavaScript">
		function setTab(n) {
			for (var i = 1; i <= 4; i++) {
				document.getElementById("con" + i).style.display = "none";
				document.getElementById("one" + i).className = "";
			}
			document.getElementById("one" + n).className = "hover";
			document.getElementById("con" + n).style.display = "block";
		}
		//实现自动切换
		var count = 1;

		function autoChange() {
			setTab(count);
			count++;
			if (count >= 5) {
				count = 1;
			}
		}
		setInterval("autoChange()", 2000);

		function getCookie(name) {
			var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
			if (arr = document.cookie.match(reg))
				return unescape(arr[2]);
			else
				return null;
		}

		function sayhi() {
			if((getCookie("用户名")!=null)&&(getCookie("用户名")!="退出"))
			{
				var username = document.getElementById("logintext");
				username.innerHTML = "Hi,"+getCookie("用户名");
				username.href = "brand.html";
				var again = document.getElementById("restext");
				again.innerHTML = "退出";
				again.href = "login.html";
			}
		}
		window.onload = sayhi;


	</script>
	<body>
		<div class="out">
			<div class="top">
				<nav class="index">
					<li class="index-li"><a href="brand.html" class="index-a">品牌</a></li>
					<li class="index-li">Funtouch OS</li>
					<li class="index-li">体验店</li>
					<li class="index-li">政企业务</li>
					<li class="index-li">社区</li>
				</nav>
				<div class="user">
					<a class="user-shop" href="buycar.html">购物车</a>
					<a class="login" href="login.html" id="logintext">登录</a>
					<span style="margin-left:15px; margin-right: 10px;">|</span>
					<a class="register" href="register.html" id="restext">注册</a>
				</div>
			</div>
			<div class="head">
				<ul class="battery">
					<li class="battery-logo"><a href="" class="battery-a"><img src="img/logo.JPG" /></a></li>
					<li class="battery-phone"><a href="index.html" class="battery-a" style="color: #999999">商城</a></li>
					<li class="battery-phone"><a href="iQOO.html" class="battery-a">iQOO专区</a></li>
					<li class="battery-phone"><a href="NEX.html" class="battery-a">NEX系列</a></li>
					<li class="battery-phone"><a href="X.html" class="battery-a">X系列</a></li>
					<li class="battery-phone"><a href="S.html" class="battery-a">S系列</a></li>
					<li class="battery-phone"><a href="Z.html" class="battery-a">Z系列</a></li>
					<li class="battery-phone"><a href="Y.html" class="battery-a">Y系列</a></li>
					<li class="battery-phone"><a href="U.html" class="battery-a">U系列</a></li>
				</ul>
			</div>
		</div>
		<div class="content"><a name="top"></a>
			<div class="main">
				<div class="wrap">
					<div id="con1">
						<img src="img/title11.png" />
					</div>
					<div id="con2" style="display: none;">
						<img src="img/title22.jpg" />
					</div>
					<div id="con3" style="display: none;">
						<img src="img/title33.jpg" />
					</div>
					<div id="con4" style="display: none;">
						<img src="img/title44.jpg" />
					</div>
					<div class="circle">
						<ul class="ring">
							<li id="one1" onclick="setTab(1)"></li>
							<li id="one2" onclick="setTab(2)"></li>
							<li id="one3" onclick="setTab(3)"></li>
							<li id="one4" onclick="setTab(4)"></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="Vbuy">
				<p class="title">热卖专区</p>
				<div class="Vone">
					<a href="phoneshow.html?id=0" class="hot-phone"><img src="img/iQOO%20Neo3.png" /></a><br />
					<div class="phone">
						<div class="name">iQOO Neo3</div><br />
						<div class="detail">8GB+128GB/144Hz高刷竞速屏</div><br />
						<div class="money">￥2998.00</div>
					</div>
				</div>
				<div class="Vtwo">
					<a href="phoneshow.html?id=1" class="hot-phone"><img src="img/vivo%20Z6%205G.png" /></a><br />
					<div class="phone">
						<div class="name">vivo Z6 5G</div><br />
						<div class="detail">6GB+128GB/骁龙765G</div><br />
						<div class="money">￥2298.00</div>
					</div>
				</div>
				<div class="Vthree">
					<a href="phoneshow.html?id=2" class="hot-phone"><img src="img/iQOO3%205G版.png" /></a><br />
					<div class="phone">
						<div class="name">iQOO 3 5G版</div><br />
						<div class="detail">12GB+128GB/55W超快闪充</div><br />
						<div class="money">￥3998.00</div>
					</div>
				</div>
			</div>
			<div class="fine">
				<p class="title">精品手机</p>
				<div class="fine-one">
					<a href="phoneshow.html?id=3" class="hot-phone"><img src="./img/vivo%20S6%205G版.png" class="fine-img" /></a>
					<div class="phone">
						<div class="name1">vivo S6 5G版</div><br />
						<div class="detail1">双模5G/4500mAh大电池</div><br />
						<div class="money1">￥2698.00</div>
					</div>
				</div>
				<div class="fine-two">
					<a href="phoneshow.html?id=4" class="hot-phone"><img src="./img/iQOO%20Pro%205G版.png" class="fine-img" /></a><br />
					<div class="phone">
						<div class="name1">iQOO Pro 5G版</div><br />
						<div class="detail1">5G全网通/骁龙855 Plus</div><br />
						<div class="money1">￥3298.00</div>
					</div>
				</div>
				<div class="fine-two">
					<a href="phoneshow.html?id=5" class="hot-phone"><img src="img/vivo%20S5.png" class="fine-img" /></a><br />
					<div class="phone">
						<div class="name1">vivo S5</div><br />
						<div class="detail1">菱感四摄/极点屏</div><br />
						<div class="money1">￥1998.00</div>
					</div>
				</div>
				<div class="fine-three">
					<a href="phoneshow.html?id=6" class="hot-phone"><img src="img/vivo%20Y50.png" class="fine-img" /></a><br />
					<div class="phone">
						<div class="name1">vivo Y50</div><br />
						<div class="detail1">5000mAh超强续航</div><br />
						<div class="money1">￥1698.00</div>
					</div>
				</div>
				<div class="fine-one">
					<a href="phoneshow.html?id=7" class="hot-phone"><img src="img/vivo%20U3x.png" class="fine-img" /></a><br />
					<div class="phone">
						<div class="name1">vivo U3x 6GB+64GB</div><br />
						<div class="detail1">大电池/双引擎</div><br />
						<div class="money1">￥999.00</div>
					</div>
				</div>
				<div class="fine-two">
					<a href="phoneshow.html?id=8" class="hot-phone"><img src="img/Nex%203S%205G版.png" class="fine-img" /></a><br />
					<div class="phone">
						<div class="name1">NEX 3S 5G版</div><br />
						<div class="detail1">8GB+256GB/高通骁龙865</div><br />
						<div class="money1">￥4998.00</div>
					</div>
				</div>
				<div class="fine-two">
					<a href="phoneshow.html?id=9" class="hot-phone"><img src="img/vivo%20X30%205G版.png" class="fine-img" /></a><br />
					<div class="phone">
						<div class="name1">vivo X30 5G版</div><br />
						<div class="detail1">双模5G全网通/20倍变焦</div><br />
						<div class="money1">￥3298.00</div>
					</div>
				</div>
				<div class="fine-three">
					<a href="phoneshow.html?id=10" class="hot-phone"><img src="img/vivo%20Z5.png" class="fine-img" /></a><br />
					<div class="phone">
						<div class="name1">vivo Z5</div><br />
						<div class="detail1">4500mAh大电池</div><br />
						<div class="money1">￥1498.00</div>
					</div>
				</div>
			</div>
		</div>
		<footer>
			<div class="end">
				<div class="down"><img src="img/icon1.JPG"/>官方正品</div>
				<div class="down"><img src="img/icon2.JPG"/>顺丰极速达</div>
				<div class="down"><img src="img/icon3.JPG"/>全国联保</div>
				<div class="down"><img src="img/icon4.JPG"/>镭雕定制</div>
			</div>
			<hr style="margin: 4% 0 2% 0; color: #999999;" />
			<div class="foot">
				Copyright ©2011-2020 广东天宸网络科技有限公司 版权所有 保留一切权利 | 隐私政策 | 法律声明 | 营业执照 | 粤B2-20080267 | 粤ICP备14052990号 | 粤公网安备 44190002004246号
			</div>
		</footer>
		<a href="#top" class="return">↑</a>
	</body>
</html>