<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh" xml:lang="zh">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>无标题文档</title>
<link href="css/css.css" rel="stylesheet" />
<!--[if lt IE 9]>
<script src="js/mediaqueries.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<SCRIPT type="text/javascript" src="js/jquery1.42.min.js"></SCRIPT>
<SCRIPT type="text/javascript" src="js/nav.js" ></SCRIPT>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.js"></script>
<script type="text/javascript" src="js/kxbdMarquee.js"></script>
<script type="text/javascript" src="js/js.js"></script>
<style>
.slideBox .bd img{ solid #000; margin:0 auto}
@media screen and (min-width: 1920px) {
.slideBox .bd img{width:1920px; height:619px}
.slideBox .hd {
left: 50%; width: 1000px; height: 15px; bottom: 50px; overflow: hidden; margin-left: -500px; position: absolute; z-index: 4;
}
}
/* css 注释说明：设置了浏览器宽度不小于1920px时 slideBox .bd img显示1920px宽度 */
@media screen and (max-width: 1440px) {
#ap {
margin: 0px 0px 0px -710px;
width:1440px;
height:461px;
overflow: hidden;
position: relative;
z-index: 1;
text-align:center;
background-image: url(../images/load.gif);
}
.slideBox {
width: 100%; height:461; position: relative;
}
.slideBox .bd img{width: 1440px; height:auto;}
.slideBox .hd {
left: 50%; width: 1000px; height: 15px; bottom: 200px; overflow: hidden; margin-left: -500px; position: absolute; z-index: 4;
}
}
@media screen and (max-width: 1366px) {
#ap {
margin: 0px 0px 0px -710px;
width:1420px;
height:448px;
overflow: hidden;
position: relative;
z-index: 1;
text-align:center;
background-image: url(../images/load.gif);
}
.slideBox {
width: 100%; height:448; position: relative;
}
.slideBox .bd img{width: 1400px; height:auto;}
.slideBox .hd {
left: 50%; width: 1000px; height: 15px; bottom: 200px; overflow: hidden; margin-left: -500px; position: absolute; z-index: 4;
}
}
/* 设置了浏览器宽度不大于1440px时 slideBox .bd img显示900px宽度 */
@media screen and (max-width: 1280px) {
#ap {
margin: 0px 0px 0px -710px;
width:1280px;
height:410px;
overflow: hidden;
position: relative;
z-index: 1;
text-align:center;
background-image: url(../images/load.gif);
}
.slideBox {
width: 100%; height:410; position: relative;
}
.slideBox .bd img{width: 1400px; height:auto;}
.slideBox .hd {
left: 50%; width: 1000px; height: 15px; bottom: 200px; overflow: hidden; margin-left: -500px; position: absolute; z-index: 4;
}
}
/* 设置了浏览器宽度不大于1280px时 slideBox .bd img显示1280px宽度 */
@media screen and (max-width: 1000px) {
#ap {
margin: 0px 0px 0px -560px;
width:1000px;
height:320px;
overflow: hidden;
position: relative;
z-index: 1;
text-align:center;
background-image: url(../images/load.gif);
}
.slideBox {
width: 100%; height:410; position: relative;
}
.slideBox .bd img{width: 1400px; height:auto;}
.slideBox .hd {
left: 50%; width: 1000px; height: 15px; bottom: 200px; overflow: hidden; margin-left: -500px; position: absolute; z-index: 4;
}
}
</style>
</head>
<body>
<div class="head">
<div class="header">
<div class="logo"><a href="#"><img width="98" height="101" src="images/1_02_2.png"></a></div>
<DIV id="nav" >
<UL>
<LI class="active"><A
href="#">首 页<SPAN>HOME</SPAN></A></LI>
<LI><A href="#" target="_blank">产品中心<SPAN>Products </SPAN></A>
<UL>
<LI><A href="#">产品中心</A></LI>
<LI><A href="#">微商热销</A></LI>
<LI><A href="#">产品知识</A></LI>
<LI><A href="#" target="_blank">免费试用</A></LI>
<LI class="t"></LI>
</UL>
</LI>
<LI><A href="#">走进笛梵<SPAN>Into DIFO</SPAN></A>
<UL>
<LI><A href="#">关于笛梵(DIFO)</A></LI>
<LI><A href="#">品牌历程</A></LI>
<LI><A href="#">合作媒体</A></LI>
<LI><A href="#" target="_blank">公司公告</A></LI>
<LI><A href="#">加入笛梵(DIFO)</A></LI>
<LI class="t"></LI>
</UL>
</LI>
<LI><A href="#" target="_blank">新闻中心<SPAN>News</SPAN></A></LI>
<LI><A href="#">授权查询<SPAN>Authorization</SPAN></A>
</LI>
<LI><A href="#">防伪查询<SPAN>Anti false</SPAN></A>
</LI>
<LI><A href="#">官方商城<SPAN>Mall</SPAN></A>
</LI>
<LI><A href="#">联系我们<SPAN>Contact Us</SPAN></A>
</LI>
</UL>
</DIV>
</div>
</div>
</div>
<!-- 代码 开始 -->
<DIV id="ap">
<DIV id="slideBox" class="slideBox">
<DIV class="bd">
<UL>
<LI><A href="#" ><IMG src="images/1-1505111R925C1.jpg" ></A></LI>
<LI><A href="#" ><IMG src="images/1_05-1.jpg" ></A></LI>
<LI><A href="#" ><IMG src="images/1_05-2.jpg" ></A></LI>
<LI><A href="#" ><IMG src="images/DI.png" ></A></LI>
</UL>
</DIV>
<DIV class="hd">
<UL>
<LI></LI>
<LI></LI>
<LI></LI>
<LI></LI>
</UL>
</DIV>
</DIV>
</DIV>
<SCRIPT type="text/javascript">
jQuery(".slideBox").hover(function(){ jQuery(this).find(".prev,.next").stop(true,true).fadeTo("show",0.2) },function(){ jQuery(this).find(".prev,.next").fadeOut() });
jQuery(".slideBox").slide({mainCell:".bd ul",effect:"fold",autoPlay:true,interTime:4000});
</SCRIPT>
<!-- 代码 结束 -->
<div class="main">
<div class="main_con">
<div class="about">
<h2><span><a href="#">more>></a></span>关于笛梵(DIFO)</h2>
<div class="about_con">
<p> 1958意大利笛梵品牌以绿色，健康，奢华，品味的理念，给您秀发和头皮全新的呵护，和GUCCI（古琦），GIORGIO ARMAI（乔治.阿玛尼）一样，1958意大利笛梵品牌来自世界著名的奢侈品和时尚帝都----意大利。</p>
</div>
</div>
<div class="new">
<h2><span><a href="#">more>></a></span>笛梵新闻(DIFO)</h2>
<div class="new_con">
<ul>
<li><a href="#"><span>2014/05/06</span>•笛梵发货主驻北京总代招代理</a></li>
<li><a href="#"><span>2014/05/06</span>•笛梵集团七璇之约经销商</a></li>
<li><a href="#"><span>2014/05/06</span>•歌手海鸣威助阵全国经销</a></li>
<li><a href="#"><span>2014/05/06</span>•笛梵集团广告轰炸</a></li>
</ul>
</div>
</div>
<div class="gg">
<h2><span><a href="#">more>></a></span>笛梵公告(DIFO)</h2>
<div class="gg_con">
<ul>
<li><a href="#">笛梵发货主驻北京总代招代理开始招商笛梵发货主驻北京总代招代理开始招商笛梵发货主驻北招商北招商北招商北招商北招商</a></li>
<li><a href="#">笛梵发货主驻北京总代招代理开始招商笛梵发货主驻北京总代招代理开始招商笛梵发货主驻北招商</a></li>
</ul>
</div>
</div>
</div>
<div class="gd">
<h2><span><a href="#">more>></a></span>合作媒体</h2>
<div class="rool">
<ul>
<li><a href="#" ><img src="images/111.png" /></a></li>
<li><a href="#" ><img src="images/222.png" /></a></li>
<li><a href="#" ><img src="images/333.png" /></a></li>
<li><a href="#" ><img src="images/444.png" /></a></li>
<li><a href="#" ><img src="images/555.png" /></a></li>
<li><a href="#" ><img src="images/666.png" /></a></li>
<li><a href="#" ><img src="images/777.png" /></a></li>
</ul>
</div>
</div>
<div class="main_bg"></div>
</div>
【NumberOne专业开发】微商洗护品牌化妆品网站模板html源码(1).rar
版权申诉
135 浏览量
2024-04-08
09:01:55
上传
评论
收藏 5.65MB RAR 举报
【NumberOne专业开发】微商洗护品牌化妆品网站模板html源码(1).rar （63个子文件） 
【NumberOne专业开发】微商洗护品牌化妆品网站模板html源码 微商洗护 
查询结果页.html 5KB 列表页.html 7KB js 
js.js 179B mediaqueries.js 16KB transparentbng.js 7KB nav.js 615B kxbdMarquee.js 4KB jquery1.42.min.js 71KB jquery.SuperSlide.2.1.js 11KB 文章页.html 7KB 产品页.html 6KB css style.css 5KB css.css 6KB small.css 5KB index.html 10KB images 
180.jpg 22KB fads.jpg 9KB 1_14.jpg 20KB
111.png 15KB 333.png 18KB jbj.jpg 860KB 1_411.png 32KB 1_05-3.jpg 1.04MB neiye3.png 47KB neiye4.png 3KB
11_07.gif 5KB 777.png 8KB neiye1.jpg 907KB bg_03.gif 13KB 1_19.gif 17KB 11_03.gif 7KB 1_23.jpg 60KB 280.jpg 22KB bg_06.gif 50KB 1_10.gif 18KB bg_02.gif 4KB 1_05.jpg 975KB 1_08.gif 6KB bg_05.gif 325KB adsffa.jpg 887KB DI.png 751KB 1_41.png 9KB 1_12.gif 24KB bg.jpg 921KB 1-1505111R925C1.jpg 372KB 1_05-2.jpg 987KB 1-15040G0510U60.jpg 253KB 555.png 12KB 1_02_2.png 9KB neiye2.jpg 854KB afasf.png 5KB 1_05-1.jpg 955KB safsd.jpg 858KB 666.png 10KB 444.png 13KB 222.png 16KB 1_41.jpg 13KB neiye5.jpg 859KB neiye7.png 3KB 1800.jpg 3KB 1_41.gif 8KB 1_05-3 (1).jpg 237KB 授权查询页.html 6KB资源评论
