<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>overseas_shopping</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/overseaShopping.css">
<link rel="stylesheet" href="fonts/font_746845_1gpwmlylu45/iconfont.css">
<script src="js/jquery.min.js"></script>
</head>
<body>
<!-- 页面头部开始 -->
<div class="bus_header">
<div>
<img src="img/overseaShopping/shopping01/rrp34uyu07ul.jpg" width="100%" height="40" border="0" alt="">
</div>
<div class="header_nextbox ">
<div class="bus_logo_box clearfix">
<div class="bus_logo">
<h3>
<a href="javascript:void(0)" >
<img src="img/overseaShopping/shopping01/logo98989.png" alt="欢迎来到新世纪海购">
</a>
</h3>
<div class="slogan" >
<img src="img/overseaShopping/shopping01/slogan.png" alt="">
</div>
</div>
<div class="bus_search">
<div id="scbar" class="cl">
<form action="#" id="scbar_form" autocomplete="off">
<input type="text" name="n1" value="请输入内容" autofocus id="scbar_mod">
<input type="submit" value="搜索" class="search-btn">
<i class="search-span"></i>
</form>
<div>
<ul class="hotwords">
<li><a href="javascript:void(0)">七夕口红</a></li>
<li><a href="javascript:void(0)">apple优惠</a></li>
<li><a href="javascript:void(0)">明星同款</a></li>
<li><a href="javascript:void(0)">情侣手链</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 页面头部结束-->
<!-- 导航菜单栏开始-->
<div class="bus_hotop">
<div class="hotop_menu">
<ul class="myul">
<li class="to_active lidom"><a href="javascript:void(0)">海淘攻略</a></li>
<li class="lidom"><a href="javascript:void(0)">海淘商家</a></li>
<li class="lidom"><a href="javascript:void(0)">海淘品牌</a></li>
<li class="lidom"><a href="javascript:void(0)">海淘国家</a></li>
<li class="lidom"><a href="javascript:void(0)">海淘社区</a></li>
</ul>
</div>
</div>
<script>
$(".myul").on("mouseover",".lidom",function(){
var index=$(this).index();
$(".myul>.lidom").eq(index).addClass("to_active").siblings().removeClass("to_active");
});
</script>
<!-- 导航菜单栏结束-->
<!-- 左边固定侧导航栏 开始-->
<div class="rightside_box">
<h3>商品分类</h3>
<ul class="wo_woul">
<li class="wo_item">
<i class="icon iconfont icon-Bc_iconfont_8"></i>
家电数码
</li>
<li class="wo_item">
<i class="icon iconfont icon-glassess"></i>
时尚生活
</li>
<li class="wo_item">
<i class="icon iconfont icon-fushixiangbao"></i>
服饰箱包
</li>
<li class="wo_item">
<i class="icon iconfont icon-gehuhuazhuang"></i>
个护化妆
</li>
<li class="wo_item">
<i class="icon iconfont icon-yingyangbaojian"></i>
营养保健
</li>
<li class="wo_item">
<i class="icon iconfont icon-muyingyongpin"></i>
母婴用品
</li>
</ul>
</div>
<div class="rightinside_box1">
<ul class="wo_newul1">
<li>jawbone</li>
<li>黑莓</li>
<li>爱立信</li>
<li>bose</li>
<li>jaybird</li>
<li>海尔</li>
<li>格力</li>
<li>森海塞尔</li>
<li>哈迈卡顿</li>
<li>久立</li>
</ul>
</div>
<div class="rightinside_box2">
<ul class="wo_newul2">
<li>FOSSIL</li>
<li>ECCO</li>
<li>热门时尚</li>
<li>dermasel</li>
<li>herbacin</li>
<li>wild ferns</li>
<li>UGG</li>
<li>卡地亚</li>
<li>Rebercca Mincofa</li>
<li>Sufa Kuler</li>
</ul>
</div>
<div class="rightinside_box3">
<ul class="wo_newul3">
<li>尼曼</li>
<li>gilt</li>
<li>carters</li>
<li>李维斯</li>
<li>Jutai</li>
<li>lee</li>
<li>ck</li>
<li>热门箱包</li>
<li>Rimowa</li>
<li>舒雅</li>
</ul>
</div>
<div class="rightinside_box4">
<ul class="wo_newul4">
<li>欧莱雅</li>
<li>自然堂</li>
<li>明妆</li>
<li>兰蔻</li>
<li>EVE LOM</li>
<li>美迪惠儿</li>
<li>倩碧</li>
<li>百雀羚</li>
<li>Weleda</li>
<li>Sukin</li>
</ul>
</div>
<div class="rightinside_box5">
<ul class="wo_newul5">
<li>jawbone</li>
<li>雀巢</li>
<li>卡夫</li>
<li>吉百利</li>
<li>法儿诺德</li>
<li>康维他</li>
<li>爱乐维</li>
<li>swisse</li>
<li>abtei</li>
<li>Godiva</li>
</ul>
</div>
<div class="rightinside_box6">
<ul class="wo_newul6">
<li>爱他美奶粉</li>
<li>喜宝奶粉</li>
<li>贝果</li>
<li>标兵</li>
<li>乐高</li>
<li>贝拉米</li>
<li>HABA</li>
<li>Holle</li>
<li>hero baby</li>
<li>AVEENO</li>
</ul>
</div>
<script>
$(".rightside_box>.wo_woul>li:eq(0)").hover(
function(){$(".rightinside_box1").show();},
function(){$(".rightinside_box1").hide();
}
);
$(".rightside_box>.wo_woul>li:eq(1)").hover(
function(){
$(".rightinside_box2").show();
},function(){$(".rightinside_box2").hide(); }
);
$(".rightside_box>.wo_woul>li:eq(2)").hover(
function(){
$(".rightinside_box3").show();
},function(){$(".rightinside_box3").hide(); }
);
$(".rightside_box>.wo_woul>li:eq(3)").hover(
function(){
$(".rightinside_box4").show();
},function(){$(".rightinside_box4").hide(); }
);
$(".rightside_box>.wo_woul>li:eq(4)").hover(
function(){
$(".rightinside_box5").show();
},function(){$(".rightinside_box5").hide(); }
);
$(".rightside_box>.wo_woul>li:eq(5)").hover(
function(){
$(".rightinside_box6").show();
},function(){$(".rightinside_box6").hide(); }
);
$(".rightinside_box1").hover(
function(){
$(".rightside_box>.wo_woul>li:eq(0)").get(0).style.background="#d2ffb7";
$(".rightside_box>.wo_woul>li:eq(0)").get(0).style.color="#f9c80e";
},function(){
$(".rightside_box>.wo_woul>li:eq(0)").get(0).style.background="#dcd8ba";
$(".rightside_box>.wo_woul>li:eq(0)").get(0).style.color="#a5689d";
});
$(".rightside_box>.wo_woul>li:eq(0)").hover(function(){
$(this).get(0).style.background="#d2ffb7";
$(this).get(0).style.color="#f9c80e";
},function(){
$(this).get(0).style.background="#dcd8ba";
$(this).get(0).style.color="#a5689d";
});
$(".rightinside_box2").hover(
function(){
$(".rightside_box>.wo_woul>li:eq(1)").get(0).style.background="#d2ffb7";
$(".rightside_box>.wo_woul>li:eq(1)").get(0).style.color="#f9c80e";
},function(){
$(".rightside_box>.wo_woul>li:eq(1)").get(0).style.background="#dcd8ba";
$(".rightside_box>.wo_woul>li:eq(1)").get(0).style.color="#a5689d";
});
$(".rightside_box>.wo_woul>li:eq(1)").hover(function(){
$(this).get(0).style.background="#d2ffb7";
$(this).get(0).style.color="#f9c80e";
},function(){
$(this).get(0).style.background="#dcd8ba";
$(this).get(0).style.color="#a5689d";
});
$(".rightinside_box3").hover(
function(){
$(".rightside_box>.wo_woul>li:eq(2)").get(0).style.background="#d2ffb7";
$(".rightside_box>.wo_woul>li:eq(2)").get(0).style.color="#f9c80e";
},function(){
$(".rightside_box>.wo_woul>li:eq(2)").get(0).style.background="#dcd8ba";
$(".rightside_box>.wo_woul>li:eq(2)").get(0).style.color="#a5689d";
});
$(".rightside_box>.wo_woul>li:eq(2)").hover(function(){
$(this).get(0).style.background="#d2ffb7";
$(this).get(0).style.color="#f9c80e";
},function(){
$(this).get(0).style.background="#dcd8ba"
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
JS+bootstrap前端项目(英语网站) (753个子文件)
jquery.mobile.min.css 203KB
jquery.mobile.flatui.css 163KB
foundation.min.css 161KB
bootstrap.css 143KB
bootstrap.min.css 120KB
bootstrap.min.css 120KB
bootstrap.min.css 120KB
bootstrap.min.css 120KB
bootstrap.min.css 120KB
bootstrap.min.css 118KB
myCSS_01.css 26KB
life-usingEnglish.css 22KB
iconfont-2.css 22KB
iconfont.css 19KB
overseaShopping.css 15KB
index.css 13KB
index.css 12KB
comments.css 10KB
xueyuanbaoming.css 8KB
new_file.css 8KB
certificate.css 8KB
life_02.css 7KB
teacher.css 7KB
iconfont.css 7KB
lyou.css 6KB
demo.css 6KB
multi-language-classes.css 6KB
lceland.css 5KB
reset.css 4KB
reset.css 4KB
travel.css 4KB
course.css 4KB
jquery.fullpage.min.css 4KB
学员报名.css 3KB
ch-nav.css 3KB
common.css 3KB
main.css 2KB
register.css 2KB
TravelEnglish.css 1KB
index.css 1KB
mainpage.css 1KB
reset.css 1017B
reset.css 1017B
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.eot 20KB
iconfont.eot 6KB
lazyload.gif 68KB
61ef3.gif 36KB
03.gif 5KB
58939.gif 4KB
04.gif 2KB
1_03.gif 929B
1_05.gif 899B
step-ico1.gif 522B
step-ico1.gif 522B
overseasShopping.html 145KB
bussinessEnglish.html 64KB
certificate.html 32KB
practicalEnglish.html 31KB
index.html 29KB
Iceland.html 28KB
childEnglish.html 26KB
travel.html 21KB
register.html 21KB
login.html 20KB
comments.html 19KB
studentRegistration.html 18KB
multi-language-classes2.html 17KB
multi-language-classes.html 17KB
multi-language-classes3.html 17KB
travelEnglish.html 16KB
privateClass.html 16KB
course.html 13KB
timingPrices.html 9KB
demo_symbol.html 7KB
demo_unicode.html 6KB
demo_fontclass.html 5KB
Boeuf Bourguignon.jpeg 604KB
Float Trip.jpeg 513KB
carousel3.jpeg 153KB
carousel1.jpeg 139KB
hotel15.jpeg 107KB
hotel14.jpeg 101KB
hotel25.jpeg 99KB
hotel13.jpeg 77KB
Northern Light.jpeg 72KB
hotel18.jpeg 71KB
hotel10.jpeg 70KB
hotel19.jpeg 70KB
hotel22.jpeg 66KB
hotel27.jpeg 64KB
hotel21.jpeg 64KB
hotel12.jpeg 61KB
hotel16.jpeg 54KB
hotel17.jpeg 53KB
e935e.jpeg 49KB
hotel11.jpeg 48KB
hotel26.jpeg 48KB
hotel20.jpeg 44KB
hotel28.jpeg 41KB
共 753 条
- 1
- 2
- 3
- 4
- 5
- 6
- 8
资源评论
港Strive
- 粉丝: 3
- 资源: 3
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功