<html>
<head>
<meta charset="UTF-8">
<!-- 表示根据设备的大小调整页面显示的宽度-->
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- Bootstrap需要jQuery的支持 导入jQuery开发包-->
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<!-- Bootstrap需要的js包-->
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<title>奢华名表</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style style="text/css">
@import url(css/watch.css);
body {
background-image:url(media/u=1449193089,2632433810&fm=27&gp=0.jpg);
background-repeat:no-repeat;
background-size:100% 100%;
background-position:center;
}
a{
text-decoration: none;
}
#div2{width:150px;height:100px;background:#C33;display:none;}
</style>
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/jquery.Xslider.js"></script>
<script type="text/javascript">
$(function(){
//水平滚动
$("#slider_slide_LR").Xslider({
speed:800,
space:2000,
});
//控制切换器的淡入淡出
$(".slider").mouseover(function(){
$(this).find(".switcher").fadeIn(500);
});
$(".slider").mouseleave(function(){
$(this).find(".switcher").fadeOut(500);
});
});
</script>
</head>
<body>
<form id="form1" >
<div id="wrap">
<div id="header">
<embed src="media/Patek_Philippe_5650G.mp4" width="1300" height="200" autostart="true" loop="true" hidden="no"/>
<embed src="media/이루마 (YIRUMA) - 약속 (Piano Solo).mp3" autostart="true" loop="true" width="0" height="0">
</div>
<div id="container1">
<div class="hdnav_top">
<ul id="nav_menu" class="cen nav_menu">
<li><a class="nav_link" href="">顶级专属</a>
<div class="pop_menu">
<dl>
<dt>款式:</dt>
<dd>
<a href="">百达翡丽</a> | <a href="">江诗丹顿</a> |
<a href="">宝玑</a> | <a href="">爱彼</a> |
<a href="">宝铂</a> | <a href="">伯爵</a> |
<a href="">积家</a> | <a href="">亨利.慕时</a>
</dd>
</dl>
<dl>
<dt>工艺:</dt>
<dd>
<a href="">陀飞轮</a> | <a href="">万年历</a> |
<a href="">日月星辰</a> | <a href="">三问</a> |
<a href="">宝石</a> | <a href="">镶钻</a>
</dd>
</dl>
</div>
</li>
<li>
<a class="nav_link" href="">高端典雅</a>
<div class="pop_menu">
<dl>
<dt>款式:</dt>
<dd>
<a href="">劳力士</a> | <a href="">欧米茄</a> |
<a href="">卡地亚</a> | <a href="">万国</a> |
<a href="">宝格丽</a> | <a href="">宇舶</a> |
<a href="">莫勒</a> | <a href="">沛纳海</a>
</dd>
</dl>
<dl>
<dt>精选:</dt>
<dd>
<a href="">劳力士蚝氏恒动系列</a> | <a href="">欧米茄蝶飞系列</a> |
<a href="">卡地亚蓝气球系列</a> |<br><a href="">艾美达当代经典</a> |
<a href="">万国葡萄牙系列</a> | <a href="">莫勒经典系列</a>
</dd>
</dl>
</dl>
</div>
</li>
<li>
<a class="nav_link" href="">精英伴侣</a>
<div class="pop_menu">
<dl>
<dt class="Red"><font color="#ff0000"> 热门:</font></dt>
<dd>
<a href=""><font color="#ff0000">轻奢品牌</font></a> |
<a href=""><font color="#ff0000">浪琴</font></a> |
<a href="">汉密尔顿</a> | <a href="">帝陀</a> |
<a href="">GUCCI</a> | <a href="">菲拉格慕</a> |
<a href=""><font color="#ff0000">天梭</font></a>
</dd>
</dl>
<dl>
<dt>精选:</dt>
<dd>
<a href="" target="_blank">天梭4.9折起</a> | <a href="" target="_blank">浪琴名匠</a> |
<a href="" target="_blank">法国赫柏林</a> |<br> <a href="" target="_blank">潜水商务两用表</a> |
<a href="">奢侈品同名表</a> | <a href="">德国荣汉斯</a>
</dd>
</dl>
<dl>
</div>
</li>
<li >
<a class="nav_link" href="">大众工艺</a>
<div class="pop_menu">
<dl>
<dt class="Red"><font color="#ff0000"> 热门:</font></dt>
<dd>
<a href=""><font color="#ff0000">时尚潮牌</font></a> |
<a href=""><font color="#ff0000">DW</font></a> |
<a href=""><font color="#ff0000">CASIO</font></a> |
<a href="">CK</a> | <a href="">阿玛尼</a> |
<a href="">雅克利曼</a> | <a href="">SevenFriday</a> |
<a href=""><font color="#ff0000">精工</font></a>
</dd>
</dl>
<dl>
<dt>精选:</dt>
<dd>
<a href="" target="_blank">潮牌CHIC</a> | <a href="" target="_blank">卡西欧G-SHOCK</a> |
<a href="" target="_blank">DW全球明星推荐</a> |<br> <a href="" target="_blank">玛莎拉蒂</a> |
<a href="">GIGA Design-设计师品牌</a>
</dd>
</dl>
</div>
</li>
<li>
<a class="nav_link" href="">国产精品</a>
<div class="pop_menu">
<dl>
<dt class="Red"><font color="#ff0000"> 热门:</font></dt>
<dd>
<a href="">飞亚达</a> | <a href="">华为</a> |
<a href="">天王</a> | <a href="">海鸥</a> |
<a href="">华为</a> | <a href="">HANOWA军表</a> |
<a href="">GARMIN佳明</a>
</dd>
</dl>
<dl>
<dt>精选:</dt>
<dd>
<a href="" target="_blank">天铭-又个性的手表</a> | <a href="" target="_blank">海鸥表2.5折起</a> |
<a href="" target="_blank">飞亚达</a> |<br> <a href="" target="_blank">爱普生</a> |
<a href="">华为手表</a>
</dd>
</dl>
</div>
</li>
<li>
<a class="nav_link" href="">全球购表</a>
<div class="pop_menu">
<img src="media/430_276_201709081504850919274.jpg" >
</div>
</li>
<li>
<a class="nav_link" href="">名流同款</a>
<div class="pop_menu">
<dl>
<dd >
<a href="">李晨&帝舵FASTRIIDER系列</a><br>
<a href="">王学兵&伯爵Polo FortyFive系列</a><br>
<a href="">孙俪&摩凡陀赛蕾娜腕表</a><br>
<a href="">姜文&雷蒙威Parsifal系列</a><br>
<a href="">赵薇&积家[微博]约会系列腕表</a><br>
<a href="">杨幂&英纳格自动系列</a><br>
<a href="">乔治.克鲁尼的选择</a><br>
<a href="">大卫.贝克汉姆的挚爱</a><br>
</dd>
</dl>
</div>
</li>
<li>
<a class="nav_link" href="">钟表文化</a>
<div class="pop_menu" id="famous">
<dl>
<dd >
<a href="">Patek Philippe</a><br>
<a href="">Vacheron Constantin</a><br>
<a href="">Audemars Piguet</a><br>
<a href="">Breguet</a><br>
<a href="">Girard-Perregaux</a><br>
<a href="">Jaeger LeCoultre</a><br>
<a href="">Piaget</a><br>
<a href="">Rolex</a><br>
</dd>
</dl>
</div>
</li>
</ul>
</div>
<script type="text/javascript">
if(document.getElementById('nav_menu')){
var navMenu = $('#nav_menu>li:lt(9)'); //:lt 选择器选取带有小于指定 index 值的元素
navMenu.hover(function(){
if(this.id=='index'){
this.className='XXX';
}else{
$(this).addClass('hover');
}
},function(){
if(this.id=='index'){ //恢复
this.className='';
}else{
$(this).removeClass('hover');
}
});
}
</script>
<div id="sid
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
学生狗新手入门的前端网页,html+css+js+jq (243个子文件)
SpryMenuBarHorizontal.css 6KB
leaveword.css 5KB
watch.css 5KB
index.css 4KB
languages.css 4KB
blog.css 3KB
base.css 3KB
styles.css 3KB
base.css 2KB
12222.gif 1.01MB
12222.gif 1.01MB
text02.gif 746KB
2.gif 1KB
2.gif 1KB
1.gif 1KB
1.gif 1KB
SpryMenuBarDown.gif 55B
SpryMenuBarRightHover.gif 55B
SpryMenuBarDownHover.gif 55B
SpryMenuBarRight.gif 55B
watch.html 13KB
blog.html 12KB
index.html 11KB
郝.html 9KB
languages.html 6KB
leaveword.html 5KB
car.html 5KB
曲.html 4KB
文.html 3KB
2.jpg 2.11MB
3.jpg 2MB
8.JPG 1.81MB
123.jpg 1.55MB
123.jpg 1.55MB
5.jpg 1.24MB
4.jpg 1.11MB
111.jpg 446KB
111.jpg 446KB
2.jpg 270KB
a3.jpg 266KB
000.jpg 236KB
HAM5Y4K1P5D7.jpg 236KB
footside.jpg 233KB
1.jpg 231KB
4.jpg 180KB
12345.jpg 178KB
12345.jpg 178KB
ex01.jpg 158KB
a1.jpg 128KB
735_480_201710041507106020194.jpg 121KB
1234.jpg 121KB
1234.jpg 121KB
735_480_201710031507040248228.jpg 112KB
735_480_201709301506754949684.jpg 111KB
735_480_201710021506954028122.jpg 103KB
版权.jpg 97KB
555.jpg 95KB
555.jpg 95KB
735_480_201710011506863633453.jpg 91KB
a2.jpg 73KB
5.jpg 72KB
ad300x100.jpg 70KB
timg.jpg 68KB
3.jpg 65KB
timg.jpg 63KB
12.jpg 46KB
12.jpg 46KB
u=1954018656,447957832&fm=27&gp=0.jpg 42KB
city.jpg 41KB
headbg.jpg 39KB
430_276_201701201484897251747.jpg 39KB
u=3564446240,1478000501&fm=27&gp=0.jpg 37KB
430_276_201709081504850919274.jpg 37KB
200.jpg 36KB
200.jpg 36KB
430_276_201708011501578632669.jpg 35KB
430_276_201708161502866542430.jpg 33KB
contenttop.jpg 32KB
03.jpg 32KB
6.jpg 32KB
00.jpg 32KB
00.jpg 32KB
430_276_201708021501641524430.jpg 31KB
u=790666967,2364555704&fm=27&gp=0.jpg 29KB
xuesheng.jpg 29KB
back.jpg 29KB
navbg.jpg 29KB
430_276_201707141500003597429.jpg 29KB
c.jpg 29KB
430_276_201709061504669004525.jpg 28KB
430_276_201708101502346367206.jpg 28KB
u=3427599826,3934258297&fm=27&gp=0.jpg 28KB
430_276_201705081494214244449.jpg 27KB
430_276_201707031499071707223.jpg 27KB
agan.jpg 27KB
430_276_201612081481194000601.jpg 26KB
c1.jpg 26KB
u=3543630978,2428997032&fm=200&gp=0.jpg 25KB
yuanshan.jpg 25KB
222.jpg 23KB
共 243 条
- 1
- 2
- 3
资源评论
liuyilin9608
- 粉丝: 2
- 资源: 7
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功