|
- <!DOCTYPE html>
- <html>
-
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
- <title>目的地</title>
- <style>
- .search-div {
- position: relative;
- width: 87.9%;
- height: 32px;
- /* line-height:32px;*/
- }
- .xsearch {
- width: 91.2%;
- height: 27px;
- background-color: #e5e5e5;
- border:none;
- border-radius: 2px;
- outline: none;
- padding-left: 13.8%;
- font-size: 15px;
- color: #2e2e2e;
- font-family: "黑体";
- padding-top:0px;
- padding-bottom:0px;
- }
-
- .xsearchlogo {
- position: absolute;
- top: 6px;
- left: 4%;
- height:15px;
- width: 14px;
- }
-
- .xresetlogo {
- position: absolute;
- top: 6.5px;
- right: -3.3%;
- display: none;
- width: 15px;
- height: 14px;
- }
- </style>
- <link rel="stylesheet" href="../css/endArea.css" />
- <script type="text/javascript" src="../js/endArea.js"></script>
- <!-- 百度统计star -->
- <script>
- var _hmt = _hmt || [];
- (function() {
- var hm = document.createElement("script");
- hm.src = "//hm.baidu.com/hm.js?3d4ede42cef05a99fcd8bda849831ada";
- var s = document.getElementsByTagName("script")[0];
- s.parentNode.insertBefore(hm, s);
- })();
- </script>
-
-
- <!-- 百度统计end -->
- </head>
-
- <body onload="init_page()">
- <div class="container" style="margin-left:-13px;margin-top:-18px;">
- <!--
- 作者：fuhongcheng_fhc@163.com
- 时间：2016-04-20
- 描述：目的地的选择--新建的一个div
- -->
- <div id="m_mudidi" class="m_mudidi zh">
- <!-- header -->
- <div id="m_header" class="m_header zh">
- <!-- destination 目的地 -->
- <div style="height: 36px;margin-top: 10px;">
- <!--<input id="m_destination" class="m_destination z" onblur="get_focus()" oninput="m_destination_change()" placeholder=" 目的地" type="search" />-->
- <div class="z search-div" placeholder=" 目的地">
- <input onblur="get_focus()" oninput="m_destination_change()" class="xsearch" id="xsearch" type="text" maxlength="15">
- <img class="xsearchlogo" src="../img/xsearch.png" alt="">
- <img class="xresetlogo" id="xreset" src="../img/xreset.png" alt="">
- </div>
- <button id="m_cancel" class="m_cancel y" onclick="click_m_cancel()" style="position:absolute;top:12px;right:-3px;background: none;margin:0px;padding: 0px;height:28px;line-height:28px;">取消</button>
- </div>
- <div id="sy_destination" class="sy_destination">
- <!--<div class="div_input" onclick="click_select()">舟山</div>-->
- </div>
- </div>
- <div class="m_center"" >
- <p style="font-size:16px;">城市</p>
- <div class="xxian2" style="width:105%;"></div>
- <ul class="m_city">
- <li id="li1" class="m_button" style="font-size:14px;" onclick="m_get_target_area(id,'上海')">上海</li>
- <li id="li2" class="m_button" style="font-size:14px;" onclick="m_get_target_area(id,'苏州')">苏州</li>
- <li id="li3" class="m_button" style="font-size:14px;" onclick="m_get_target_area(id,'杭州')">杭州</li>
- <li id="li4" class="m_button" style="font-size:14px;" onclick="m_get_target_area(id,'常州')">常州</li>
- <li id="li5" class="m_button" style="font-size:14px;" onclick="m_get_target_area(id,'嘉兴')">嘉兴</li>
- <li id="li6" class="m_button" style="font-size:14px;" onclick="m_get_target_area(id,'湖州')">湖州</li>
- <li id="li7" class="m_button" style="font-size:14px;" onclick="m_get_target_area(id,'扬州')">扬州</li>
- </ul>
- </div>
- <div class="m_footer" style="width:114%;" >
- <p style="font-size:16px;">景区</p>
- <div class="xxian3" style="width:105%;"></div>
- <!-- scenery 景区 -->
- <ul class="m_scenery">
- <li id="li4" class="m_button" style="font-size:14px;" onclick="m_get_target_area(id,'千岛湖')">千岛湖</li>
- <li id="li5" class="m_button" style="font-size:14px;" onclick="m_get_target_area(id,'安吉')">安吉</li>
- <li id="li6" class="m_button" style="font-size:14px;" onclick="m_get_target_area(id,'天目湖')">天目湖</li>
- <li id="li7" class="m_button" style="font-size:14px;" onclick="m_get_target_area(id,'南山竹海')">南山竹海</li>
- <li id="li8" class="m_button" style="font-size:14px;" onclick="m_get_target_area(id,'乌镇')">乌镇</li>
- <li id="li9" class="m_button" style="font-size:14px;" onclick="m_get_target_area(id,'同里')">同里</li>
- <li id="li10" class="m_button" style="font-size:14px;" onclick="m_get_target_area(id,'留园')">留园</li>
- <li id="li11" class="m_button" style="font-size:14px;" onclick="m_get_target_area(id,'灵山大佛')">灵山大佛</li>
- <li id="li12" class="m_button" style="font-size:14px;" onclick="m_get_target_area(id,'甪直')">甪直</li>
- <li id="li13" class="m_button" style="font-size:14px;" onclick="m_get_target_area(id,'锦溪')">锦溪</li>
- <li id="li14" class="m_button" style="font-size:14px;" onclick="m_get_target_area(id,'周庄')">周庄</li>
- <li id="li15" class="m_button" style="font-size:14px;" onclick="m_get_target_area(id,'萧山机场')">萧山机场</li>
- <li id="li16" class="m_button" style="font-size:14px;" onclick="m_get_target_area(id,'恐龙园')">恐龙园</li>
- <li id="li17" class="m_button" style="font-size:14px;" onclick="m_get_target_area(id,'嬉戏谷')">嬉戏谷</li>
- <li id="li18" class="m_button" style="font-size:14px;" onclick="m_get_target_area(id,'大明山')">大明山</li>
- <li id="li19" class="m_button" style="font-size:14px;" onclick="m_get_target_area(id,'青山湖')">青山湖</li>
- <li id="li20" class="m_button" style="font-size:14px;" onclick="m_get_target_area(id,'西塘')">西塘</li>
- <li id="li21" class="m_button" style="font-size:14px;" onclick="m_get_target_area(id,'南浔')">南浔</li>
- <li id="li22" class="m_button" style="font-size:14px;" onclick="m_get_target_area(id,'桐庐')">桐庐</li>
- <li id="li23" class="m_button" style="font-size:14px;" onclick="m_get_target_area(id,'莫干山')">莫干山</li>
- </ul>
- </div>
- </div>
- <!--m_mudidi end-->
- </div>
-
- </body>
- <script>
- var xreset = document.getElementById('xreset');
- var xsearch = document.getElementById('xsearch');
- // xsearch.oninput = function() {
- // if (xsearch.value == "") {
- // xreset.style.display = "none";
- // } else if (xsearch.value != "") {
- // xreset.style.display = "block";
- // }
- // }
- xreset.onclick = function() {
- xsearch.value = "";
- xreset.style.display = "none";
- var sy_destination = document.getElementById("sy_destination");
- sy_destination.style.display = 'none';
- }
- </script>
-
- </html>
|
