a{
text-decoration: none;
}
#body{
1600px;
height:900px;
margin: auto;
}
.head1{
1600px;
height: 60px;
background:#A60000;
}
.head1 #c1 a{
font-size: 20px;
font-weight: 600;
color:#FFF6FF;
}
.head1 #c2 a{
font-size: 20px;
font-weight: 600;
color:#A60000;
}
#c1{
float: left;
80px;
margin: auto;
text-align: center;
padding-top: 13px;
margin-left: 3px;
color:#FFF6FF;
}
#c2{
background:#FFF6FF;
float: right;
112px;
height: 30px;
padding-right: 8px;
margin-top: 16px;
background-image:url(../img/spritesbg.png);
background-size: 743%;
background-repeat: no-repeat;
background-position:-772px -988px ;
margin-right: 14px;
z-index: 100;
}
.head2{
1600px;
height: 60px;
background:#F0F0F0;
}
#c5{
20px;
height: 20px;
background-image:url(../img/spritesbg.png);
background-repeat: no-repeat;
background-position:7px -33px ;
margin-left: 77px;
margin-top: -22px;
}
.head2 #c3 a{
font-size: 20px;
color:#2A2A2A
}
.head2 #c4 a{
font-size: 17px;
font-weight: 900;
color:#A60000;
}
#c3{
80px;
margin: auto;
text-align: center;
padding-top: 13px;
padding-left: 20px;
float: left;
}
#c4{
80px;
margin: auto;
text-align: center;
padding-top: 13px;
padding-left: 20px;
float: right;
}
.head3{
margin-top: 15px;
1600px;
height: 127px;
}
#a{
1600px;
height: 480px;
}
.a1{
float: left;
margin-top: 6px;
}
.a2{
1012px;
padding-top: 12px;
float: right;
}
.b1{
550px;
padding: 17px;
}
.a1-1{
margin-top: 10px;
}
.b2{
120px;
padding-left: 20px;
float: left;
}
#c6{
24px;
height: 24px;
background-image:url(../img/spritesbgcon.png);
background-repeat: no-repeat;
background-position:-118px -99px ;
margin-left: 21px;
margin-top: -19px;
}
ul{
height: 30px;
}
li{
float:left;
margin-left: 75px;
margin-top: -20px;
}
#c7{
list-style: none;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-1.8.3.js"></script>
<script>
function init(){
setInterval('a()',2000);
}
var i=1;
function a(){
i++;
document.getElementById('a2-1').src="img/flash/"+i+".jpg";
if(i==7){
i=0;
}
}
</script>
<link rel="stylesheet" href="css/index.css" />
</head>
<body onload="init()">
<div id="body">
<div class="head1">
<div id="c1">
<a href="#">首页</a>
</div>
<div id="c1">
<a href="#">T桖</a>
</div>
<div id="c1">
<a href="#">帆布鞋</a>
</div>
<div id="c1">
<a href="#">衬衫</a>
</div>
<div id="c1">
<a href="#">POLO杉</a>
</div>
<div id="c1">
<a href="#">休闲裤</a>
</div>
<div id="c1">
<a href="#">休闲鞋</a>
</div>
<div id="c1">
<a href="#">裙子</a>
</div>
<div id="c1">
<a href="#">袜子</a>
</div>
<div id="c1">
<a href="#">NBA</a>
</div>
<div id="c1">
<a href="#">短裤</a>
</div>
<div id="c1">
<a href="#">牛仔</a>
</div>
<div id="c1">
<a href="#">针织裤</a>
</div>
<div id="c1">
<a href="#">休闲包</a>
</div>
<div id="c1">
<a href="#">运动鞋</a>
</div>
<div id="c1">
<a href="#">优鲨</a>
</div>
<div id="c1">
<a href="#">Justyle</a>
</div>
<div id="c2">
</div>
</div>
<div class="head2">
<div id="c3">
<a href="#">男人</a>
<div id="c5">
</div>
</div>
<div id="c3">
<a href="#">女人</a>
<div id="c5">
</div>
</div>
<div id="c3">
<a href="#">童装</a>
<div id="c5">
</div>
</div>
<div id="c3">
<a href="#">男鞋</a>
<div id="c5">
</div>
</div>
<div id="c3">
<a href="#">女鞋</a>
<div id="c5">
</div>
</div>
<div id="c3">
<a href="#">运动装</a>
<div id="c5">
</div>
</div>
<div id="c3">
<a href="#">内衣</a>
<div id="c5">
</div>
</div>
<div id="c3">
<a href="#">配饰</a>
<div id="c5">
</div>
</div>
<div id="c3">
<a href="#">家居</a>
<div id="c5">
</div>
</div>
<div id="c3">
<a href="#">箱包</a>
<div id="c5">
</div>
</div>
<div id="c3">
<a href="#">化妆品</a>
<div id="c5">
</div>
</div>
<div id="c3">
<a href="#">时尚女装</a>
<div id="c5">
</div>
</div>
<div id="c3">
<a href="#">达人街拍</a>
<div id="c5">
</div>
</div>
<div id="c4">
<a href="#">最新到货</a>
</div>
<div id="c4">
<a href="#">今日团购</a>
</div>
</div>
<div class="head3">
<img src="img/ad1.jpg" width="100%">
</div>
<div id="a">
<div class="a1">
<div class="b1">
<img src="img/flash_box_left/1.jpg" width="100%">
</div>
<div class="a1-1">
<div class="b2">
<img src="img/flash_box_left/2.jpg" width="100%">
</div>
<div class="b2">
<img src="img/flash_box_left/3.jpg" width="100%">
</div>
<div class="b2">
<img src="img/flash_box_left/4.jpg" width="100%">
</div>
<div class="b2">
<img src="img/flash_box_left/5.jpg" width="100%">
</div>
</div>
</div>
<div class="a2">
<img id="a2-1" src="img/flash/1.jpg" width="100%">
<ul>
<div id="c6">
</div>
<li id="c7">休闲短袖衬衫 新品上市 79元</li>
<li>礼品卡购物折上折</li>
<li>微信关注有礼，凡客诚品官方商城</li>
<li>新款休闲9元</li>
</ul>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-1.8.3.js"></script>
<script>
$(function(){
$("#1").click(function(){
location.href="02.html"
});
});
</script>
</head>
<body>
<input type="button" id="1" value="撒打算">
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
div{
500px;
height: 300PX;
margin: auto;
text-align: center;
}
</style>
</head>
<body>
<div>
<img src="img/飞机05.gif" id="id" width="100%">
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
function (){
}
</script>
</head>
<body onload="init()">
<div>
<img src="" id="" style="display: none;">
</div>
<div>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-1.8.3.js"></script>
</head>
<body>
<script>
window.onload=function(){
alert("跳出");
};
window.onload=function(){
alert("跳出2");
};
$(document).ready(function(){
alert("跳出3");
});
jQuery(document).ready(function(){
alert("跳出4");
});
$(function(){
alert("跳出5");
});
</script>
</body>
</html>