<html>
<head>
<title>天狗tgo.com</title>
<style>
#top{
height:100px;
}
#logo{
color:#FF0000;
margin-left:100px;
font-family:'华文中宋';
font-size:45px;
position:relative;
top:20px;
}
#logo img{
width:60px;
height:60px;
/* position:absolute;
top:0px;
left:60px;*/
float:left;
position:relative;
left:80px;
}
#search_text{
margin-left:290px;
border-color:red;
// padding:6px 25px;
width:300px;
height:32px;
font-size:15px;
position:relative;
top:20px;
}
#search{
padding:6px;
background-color:red;
border-color:red;
color:white;
position:relative;
top:20px;
}
#shop{
cursor:pointer;
position:fixed;
top:5px;
right:50px;
list-style:none;
z-index:5;
width:300px;
}
#shopping_yulan{
overflow:auto;
height:800px;
width:300px;
}
#shopping_yulan li{
list-style:none;
width:250px;
// height:200px;
overflow:auto;
font-size:2px;
}
#shopping_yulan li p{
float:right;
font-size:3px;
}
#shopping_yulan li p .buy{
display:none;
}
#shopping_yulan li img{
width:50px;
height:50px;
position:relative;
float:left;
margin-right:3px;
}
#shopping img{
width:40px;
height:40px;
}
#shopping{
font-size:20px;
text-align:center;
}
/* #zhiyin li{
float:left;
list-style:none;
padding:25px 50px;
color:white;
background-color:#808080;
margin-top:20px;
height:5px;
font-size:15px;
} */
#ul1{
width:400px;
height:30px;
position:relative;
margin-left:30px;
}
#zhiyin li{
float:left;
width:95px;
height:2px;
line-height:50px;
// border:1px solid #ccc;
text-align:center;
z-index:2;
color:white;
poasition:relative;
cursor:pointer;
list-style:none;
font-size:20px;
}
#zhiyin li a{
float:left;
width:95px;
height:2px;
line-height:50px;
// border:1px solid #ccc;
text-align:center;
z-index:2;
color:white;
poasition:relative;
cursor:pointer;
list-style:none;
font-size:20px;
text-decoration:none;
}
.bg{
height:5px;
overflow:hidden;
background:red;
border:none;
position:absolute;
top:39px;
left:0;
z-index:1;
}
#daohang{
background-color:#444444;
height:700px;
width:100%;
}
#zhiyin{
cursor:pointer;
margin-left:500px;
}
.box{
width:950px;
height:550px;
overflow:hidden;
margin:90px auto;
position:relative;
}
.box img{
width:950px;
height:550px;
}
.box ul{
position:absolute;
list-style:none;
overflow:hidden;
bottom:0px;
left:47%;
transform:translateX(-50%);
}
.box li{
float:left;
width:10px;
height:10px;
background-color:papayawhip;
border-radius:50%;
color:powderblue;
margin-left:7px;
}
#strength{
width:100%;
height:200px;
}
#strength img{
width:100%;
}
#market{
position:relative;
margin-right:10%;
margin-left:10%;
}
#market img{
width:200px;
height:200px;
}
#logo2{
width:150px;
height:50px;
margin-left:100px;
}
#market li{
list-style:none;
float:left;
width:200px;
padding:35px;
}
#price{
color:#FF8C00;
font-size:20px;
}
.buy {
margin-left:65px;
border: 2px solid #4CAF50;
background-color: transparent;
color: #4CAF50;
padding: 10px 2px;
font-size: 10px;
cursor: pointer;
transition: 256ms all;
border-radius: 20px;
}
.buy:hover {
background-color: #4CAF50;
color: #fff;
}
#logo3{
width:250px;
height:50px;
margin-left:100px;
}
#gouwuche_area{
width:980px;
height:500px;
background-color:#FFFAFA;
position:fixed;
bottom:0px;
left:300px;
display:none;
}
.close{
float:right;
border: 2px solid #8B0000;
background-color: transparent;
color: #DC143C;
padding: 5px 8px;
font-size: 20px;
cursor: pointer;
transition: 256ms all;
border-radius: 5px;
position:fixed;
right:280px;
z-index:10;
}
.close:hover{
background-color: #8B0000;
color: #fff;
}
#gouwuche_name{
margin-left:20px;
font-family:'黑体';
font-size:25px;
}
#gouwuche_shangpin{
overflow:auto;
height:410px;
width:920px;
}
#gouwuche_shangpin li{
margin-top:10px;
list-style:none;
width:920px;
overflow:auto;
position:relative;
background-color:#FFF5EE;
}
#gouwuche_shangpin p .buy{
display:none;
}
#gouwuche_shangpin img{
width:100px;
height:100px;
float:left;
}
#gouwuche_shangpin .checkselect{
float:left;
margin-top:30px;
width:20px;
height:20px;
}
#gouwuche_shangpin p{
float:right;
margin-top:40px;
margin-left:20px;
}
#gouwuche_shangpin #jian,#jia{
float:right;
}
#jian{
margin-top:40px;
}
#jia{
margin-top:40px;
}
#gouwuche_shangpin #number{
float:right;
width:40px;
margin-top:40px;
}
#div_car{
height:150px;
width:800px;
border:1px soild;
}
.finish{
float:right;
border: 2px solid #8B0000;
background-color: transparent;
color: #DC143C;
padding: 5px 8px;
font-size: 20px;
cursor: pointer;
transition: 256ms all;
border-radius: 5px;
position:fixed;
bottom:20px;
right:290px;
}
.finish:hover{
background-color: #8B0000;
color: #fff;
}
#tishi{
position:fixed;
bottom:20px;
right:360px;
width:300px;
}
#jianshu,#yuan{
color:#FF8C00;
font-size:20px;
}
#bottom{
width:980px;
background-color:white;
position:fixed;
z-index:10;
bottom:0;
height:80px;
}
.del{
float:left;
border: 2px solid #8B0000;
background-color: transparent;
color: #DC143C;
padding: 5px 8px;
font-size: 20px;
cursor: pointer;
transition: 256ms all;
border-radius: 5px;
position:fixed;
bottom:20px;
left:340px;
}
.del:hover{
background-color: #8B0000;
color: #fff;
}
#zhanghao{
position:absolute;
width:180px;
height:260px;
left:30px;
top:240px;
background-color:#696969;
border-radius: 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
#zhanghao img{
width:50px;
height:50px;
position:relative;
left:50px;
top:30px;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
}
#zhanghao_tishi{
position:absolute;
left:18px;
top:100px;
color:white;
font-family:'华文细黑';
}
#xiangxi{
width:150px;
height:200px;
background-color:#FFDAB9;
display:none;
position:relative;
z-index:11;
top:25px;
left:14px;
border-radius: 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
#xiangxifont{
position:relative;
top:20px;
font-size:14px;
left:3px;
font-family:'华文细黑';
}
</style>
</head>
<body>
<script>
//top端处理
function shopping_yincang(){
document.getElementById('shopping_yulan').style.display='none';
}
function shopping_chuxian(){
document.getElementById('shopping_yulan').style.display='block';
}
function search(){
var a=document.getElementById('search_text').value;
window.location.href = 'https://s.taobao.com/search?fromTmallRedirect=true&tab=mall&q='+a+'&spm=875.7931836%2FB.a2227oh.d100';
}
//个人信息的隐藏与出现
function xinxi_yincang(){
document.getElementById('xiangxi').style.display='none';
}
function xinxi_chuxian(){
document.getElementById('xiangxi').style.display='block';
}
window.onload=function(){
//首页缓冲动画
var oUl=document.getElementById('ul1');
var aLi=oUl.getElementsByTagName('li');
var oBg=aLi[aLi.length-1];
for (var i=0;i<aLi.length-1;i++){
aLi[i].onmousemove=function(){
startMove(oBg,this.offsetLeft);
}
}
var iSpeed=0;
var left=0;
function startMove(obj,iTarget){
clearInterval(obj.timer);
obj.timer=setInterval(function(){
iSpeed+=(i