html携程网首页，移动端css_携程旅行网html编写资源-CSDN文库

共23个文件

jpg：11个

png：8个

css：2个

html5

需积分: 2 137 浏览量 2022-07-03 16:17:35 上传评论 1 收藏 459KB ZIP 举报

资源详情

资源评论

资源推荐

收起资源包目录

携程旅游.zip （23个子文件）

携程旅游

css

normalize.css 7KB

index.css 9KB

upload

pic3.jpg 27KB

pic1.jpg 46KB

pic2.jpg 46KB

focus4.jpg 39KB

focus.jpg 30KB

pic6.jpg 28KB

focus3.jpg 53KB

pic4.jpg 22KB

pic5.jpg 24KB

focus5.jpg 39KB

focus2.jpg 46KB

images

un_icon_sites.png 4KB

places.png 22KB

localnav_bg.png 23KB

ticket.png 19KB

hot.png 3KB

subnav-bg.png 7KB

hotel.png 10KB

sprite.png 20KB

index.html 8KB

javascript

index.js 4KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimun-scale=1.0, user-scalable=0"> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/index.css"> <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"> <title>携程旅游</title> <script src="javascript/index.js"></script> </head> <body>  <div class="search_index"> <div class="search">搜索：目的地/酒店/景点/航班号</div> <a href="#" class="user">我的</a> </div>  <div class="focus"> <ul> <li><img src="upload/focus5.jpg" alt=""></li> <li><img src="upload/focus.jpg" alt=""></li> <li><img src="upload/focus2.jpg" alt=""></li> <li><img src="upload/focus3.jpg" alt=""></li> <li><img src="upload/focus4.jpg" alt=""></li> <li><img src="upload/focus5.jpg" alt=""></li> <li><img src="upload/focus.jpg" alt=""></li> </ul>  <ol> <li class="current"></li> <li></li> <li></li> <li></li> <li></li> </ol> </div>  <ul class="local_nav"> <li> <a href="#" title="景点·玩乐" > <span class="local_nav_icon_1"></span> <span>景点·玩乐</span> </a> </li> <li> <a href="#" title="周边游" > <span class="local_nav_icon_2"></span> <span>周边游</span> </a> </li> <li> <a href="#" title="美食林" > <span class="local_nav_icon_3"></span> <span>美食林</span> </a> </li> <li> <a href="#" title="一日游" > <span class="local_nav_icon_4"></span> <span>一日游</span> </a> </li> <li> <a href="#" title="当地攻略" > <span class="local_nav_icon_5"></span> <span>当地攻略</span> </a> </li> </ul>  <nav> <div class="nav_common"> <div class="nav_items"> <a href="javasicript:;">酒店</a> </div> <div class="nav_items"> <a href="javasicript:;">海外酒店</a> <a href="javasicript:;">特价酒店</a> </div> <div class="nav_items"> <a href="javasicript:;">团购</a> <a href="javasicript:;">民宿·客栈</a> </div> </div> <div class="nav_common"> <div class="nav_items"> <a href="javasicript:;">机票</a> </div> <div class="nav_items"> <a href="javasicript:;">火车票</a> <a href="javasicript:;">特价酒店</a> </div> <div class="nav_items"> <a href="javasicript:;">汽车票·船票</a> <a href="javasicript:;">专车·租车</a> </div> </div> <div class="nav_common"> <div class="nav_items"> <a href="javasicript:;">旅游</a> </div> <div class="nav_items"> <a href="javasicript:;">门票</a> <a href="javasicript:;">目的地攻略</a> </div> <div class="nav_items"> <a href="javasicript:;">邮轮旅行</a> <a href="javasicript:;">定制旅行</a> </div> </div> </nav>  <ul class="subnav_entry"> <li> <a href="javascript:;" title="电话费"> <span class="subnav_entry_icon_1"></span> <span>电话费</span> </a> </li> <li> <a href="javascript:;" title="电话费"> <span class="subnav_entry_icon_2"></span> <span>保险·签证</span> </a> </li> <li> <a href="javascript:;" title="电话费"> <span class="subnav_entry_icon_3"></span> <span>外币兑换</span> </a> </li> <li> <a href="javascript:;" title="电话费"> <span class="subnav_entry_icon_4"></span> <span>购物</span> </a> </li> <li> <a href="javascript:;" title="电话费"> <span class="subnav_entry_icon_5"></span> <span>当地向导</span> </a> </li> <li> <a href="javascript:;" title="电话费"> <span class="subnav_entry_icon_6"></span> <span>自由行</span> </a> </li> <li> <a href="javascript:;" title="电话费"> <span class="subnav_entry_icon_7"></span> <span>境外玩乐</span> </a> </li> <li> <a href="javascript:;" title="电话费"> <span class="subnav_entry_icon_8"></span> <span>礼品卡</span> </a> </li> <li> <a href="javascript:;" title="电话费"> <span class="subnav_entry_icon_9"></span> <span>信用卡</span> </a> </li> <li> <a href="javascript:;" title="电话费"> <span class="subnav_entry_icon_10"></span> <span>更多</span> </a> </li> </ul> <div class="sales_box"> <div class="sales_head"> <h2>热门活动</h2> <a href="#">获取更多福利</a> </div> <div class="sales_body"> <div class="row"> <a href="javascript:;"> <img src="upload/pic1.jpg" alt=""> </a> <a href="javascript:;"> <img src="upload/pic2.jpg" alt=""> </a> </div> <div class="row"> <a href="javascript:;"> <img src="upload/pic3.jpg" alt=""> </a> <a href="javascript:;"> <img src="upload/pic4.jpg" alt=""> </a> </div> <div class="row"> <a href="javascript:;"> <img src="upload/pic5.jpg" alt=""> </a> <a href="javascript:;"> <img src="upload/pic6.jpg" alt=""> </a> </div> </div> </div> <footer class="tool_box"> <div class="tool_cn"> <a href="javascript:;" class="callcenter"> <span></span> <span>电话预定</span> </a> <a href="javascript:;" class="download_app"> <span></span> <span>下载客户端</span> </a> <a href="javascript:;" class="myctrip"> <span></span> <span>我的</span> </a> </div> <div class="tool_version"> <a href="javascript:;" class="sitemap">网站地图</a> ｜ <a href="javascript:;" class="global_sites"> <span class="global_icon"></span> Language <span class="triangle"></span> </a> ｜ <a href="javascript:;" class="computer">电脑版</a> </div> <p> © <label>2020</label> 携程旅行| <a href="javascript">个人展示用，无任�