wushenghua/vczero.github.io
1
0
Fork 0
mirror of https://github.com/wu736139669/vczero.github.io.git synced 2026-08-05 06:23:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

add new fun

Browse Source
This commit is contained in:
lh_wang
2015-08-02 00:07:57 +08:00
parent 978f66c35c
commit c9bd0847df
19 changed files with 3775 additions and 232 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ctrip/lvtu/index.html
+48 -17
View File
@@ -14,7 +14,7 @@
</head>
<body>
<div id="map" ></div>
<div class="header">
<div class="search">
<div class="header_logo fl">
<div class="fl">
<img src="img/logo.png"/>
@@ -24,26 +24,47 @@
<span class="logo_url">ctrip.com</span>
</div>
</div>
<div class="header_menu fl">
<div class="menu active">
首页
</div>
<div class="menu">
故事
</div>
<div class="menu">
附近
</div>
</div>
</div>
<div class="search">
<div class="fl input_div">
<input placeholder="请输入旅游线路"/>
<input id="search_router" placeholder="请输入旅游线路"/>
</div>
<div class="fr search_btn">
<span>搜索</span>
</div>
</div>
<!--搜索列表-->
<div class="search_list">
<a _index="1">上海－扬州(产品ID:BYUHTRE6 上午8点出发，一日游，第二天回)</a>
<a _index="2">上海－常州(产品ID:HGFSGSYT 上午9点出发，一日游，第二天回)</a>
<a _index="3">上海－衢州(产品ID:SUYDWDGB 上午6点出发，两日游，第3天回)</a>
<a _index="2">北京－天津(产品ID:OIUSYTSG 上午5:30点出发，两日游，第二天回)</a>
<a _index="3">石家庄－青岛(产品ID:NJYGSGSS 上午8点出发，三日游，第二天回)</a>
</div>
<!--仪表盘-->
<div class="charts_pannel">
<div id="charts" class="charts_div"></div>
<div class="charts_info">
<div>实时车速：<span id="real_speed">准备计算</span></div>
<div>模拟车速：<span>50,000 km/h</span></div>
<div>到达时间：<span id="real_time">预测计算到达时间</span></div>
<div>距离：<span id="real_distance">预测目的地距离</span></div>
<div>时长：<span id="real_distime">预测到达所花时长</span></div>
</div>
<div style="width:100%;">
<div id="tem_yin" class="fl tempe" style="color:#FF5718;">阴</div>
<div id="tem_du" class="fl tempe" style="color: #4C4C4C;">23</div>
<div id="tem_feng" class="fl tempe" style="color: #4C4C4C;">西南风</div>
</div>
</div>
<!--ALert-->
<div class="add_mask"></div>
<div id="_alert" style="display:none;border:1px solid #ddd;width:260px;height:100px;background-color:#FFF;position:absolute;top:50%;margin-left:-50px;left:50%;margin-left:-100px;">
<div style="width:180px; text-align:center;margin-left:auto;margin-right:auto;margin-top:20px;">请先搜索后再进行查看</div>
<div id="_alert_close" style="width:60px;height:30px;background-color:#00ABFC;text-align: center;line-height:30px;color:#fff;margin-left:auto;margin-right:auto;margin-top:20px;cursor:pointer;">关闭</div>
</div>
<!--时间轴-->
<div class="timeline_pannel">
<div class="timeline"></div>
</div>
<div class="toolbar">
<div class="car_run car_run_show">
行
@@ -51,13 +72,23 @@
<div class="car_run danmu" style="background-color:#E82D00;">
弹
</div>
<div class="car_run toupiao" style="background-color:#00C348;">
投
</div>
</div>
<div id="tanmu_div" style="visibility:hidden;border:0;position:absolute;left:0;right:0;height:234px;bottom:0;z-index:10000;box-sizing: border-box;background-color:#F6F6F6;">
<div id="tanmu_div" style="visibility:hidden;border:0;position:absolute;left:0;right:0;height:194px;bottom:0;z-index:10000;box-sizing: border-box;background-color:#F6F6F6;">
<iframe scrolling="no" style="width:100%;height:40px;border:0;opacity:0.5;" src="http://localhost:3000/"></iframe>
<iframe scrolling="no" style="width:100%;height:192px;border:0;margin-top:-2px;" src="http://localhost:3000/emit"></iframe>
<iframe scrolling="no" style="width:100%;height:152px;border:0;margin-top:-2px;" src="http://localhost:3000/emit"></iframe>
</div>
<div id="toupiao_frame" style="display:none;width:350px;height:600px;position:absolute;right:70px;top:70px;background-color:#fff;border:0;">
<iframe src="http://localhost:3000/toupiao/index.html" style="width:100%;height:600px;border:0;"></iframe>
</div>
<!--<script type="text/javascript" src="js/ani.js"></script>-->
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=6a1180467b5f36714645d22044535ab7"></script>
<script type="text/javascript" src="js/zepto.js"></script>
<script type="text/javascript" src="js/fx.js"></script>
<script type="text/javascript" src="js/fx_methods.js"></script>
<script type="text/javascript" src="js/echarts-all.js"></script>
<script type="text/javascript" src="js/data.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>