3.14cp 总结
编写前端代码
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>??</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
</head>
<body>
<div class="query_module">
<div class="query_module_left">
<span class="act">换乘查询</span>
<span>线路查询</span> <span>站点查询</span>
</div> <div class="query_module_right">
<form action="https://dt.8684.cn/so.php" onsubmit="return check_bus_p2p(this)">
<input type="hidden" name="k" value="p2p" /> <div class="query_results" id="con_two_1">
<div class="query_text_l"> <div class="query_hr"> <span class="query_txt_1">出发地</span>
<input type="text" id="origin" class="query_input" autocomplete="off" placeholder="请输入起点名称" value="" name="q" />
</div>
<div class="query_hr"> <span class="query_txt_1">目的地</span>
<input type="text" id="destination" class="query_input" autocomplete="off" placeholder="请输入终点名称" value="" name="q1" />
</div> </div> <div class="query_text_c"> <span class="switch" id="switch" onclick="query_tab()"></span>
</div> <div class="query_text_r"> <input type="submit" value="查询" class="query_button" /> </div>
<div class="query_text_bottom"> <div class="left"> <span class="query_txt_1">出发地</span>
<dl class="select interval">
<dt id="zdfl_1"> 站点分类 </dt>
</dl>
<dl class="select">
<dt id="zdmc_1"> 站点名称
</dt>
</dl>
</div>
<div class="right">
<span class="query_txt_1">目的地</span>
<dl class="select interval">
<dt id="zdfl_2"> 站点分类 </dt>
</dl>
<dl class="select"> <dt id="zdmc_2"> 站点名称 </dt>
</dl> </div> </div>
<div class="query_line">
<a href="https://dt.8684.cn/bj" class="dtxl_link">
<img src="https://css.8684.cn/dt/images/xianlutu.png">地铁线路图</a>
<a href="https://dt.8684.cn/bj_list_time" class="yysk_link">
<img src="https://css.8684.cn/dt/images/shikebiao.png">运营时刻表</a> <a href="https://dt.8684.cn/bj_intro" class="dtgh_link">
<img src="https://css.8684.cn/dt/images/guihua.png">地铁规划</a> <a href="javascript:;" class="facility">
<img src="https://css.8684.cn/dt/images/facility.png" class="facility_img">站内设施 <div class="qc-code-popup">
<div class="popup-arrow"></div> <div class="popup-content">
<div class="text"> <p>微信扫一扫</p> <p>手机查看更方便</p> </div> </div> </div> </a> <a href="https://www.8684.cn/app" target="_blank">
<img src="https://css.8684.cn/dt/images/lixian.png">地铁查询离线版</a> </div> </div>
</form> <form action="https://dt.8684.cn/so.php" onsubmit="return check_bus_pp(this)">
<input type="hidden" name="k" value="pp" /> <div class="query_results hidden" id="con_two_2">
<div class="route_query"> <div class="left">
<input type="text" id="origin_1" class="route_query_input" autocomplete="off" placeholder="线路名称，如“1号线”" value="" name="q" />
<dl class="select"> <dt id="xlmc"> 线路名称 </dt> </dl> </div> <div class="query_text_r">
<input type="submit" value="查询" class="query_button" /> </div>
</div> <div class="query_line"> <a href="https://dt.8684.cn/bj" class="dtxl_link">
<img src="https://css.8684.cn/dt/images/xianlutu.png">地铁线路图</a>
<a href="https://dt.8684.cn/bj_list_time" class="yysk_link">
<img src="https://css.8684.cn/dt/images/shikebiao.png">运营时刻表</a>
<a href="https://dt.8684.cn/bj_intro" class="dtgh_link">
<img src="https://css.8684.cn/dt/images/guihua.png">地铁规划</a>
<a href="javascript:;" class="facility"><img src="https://css.8684.cn/dt/images/facility.png" class="facility_img">站内设施 <div class="qc-code-popup">
<div class="popup-arrow"></div>
<div class="popup-content">
<div class="text">
<p>微信扫一扫</p> <p>手机查看更方便</p> </div> </div> </div>
</a> <a href="https://www.8684.cn/app" target="_blank">
<img src="https://css.8684.cn/dt/images/lixian.png">地铁查询离线版</a>
</div> </div> </form> <form action="https://bjdt.8684.cn/so.php" onsubmit="return check_bus_p(this)">
<input type="hidden" name="k" value="p" /> <div class="query_results hidden" id="con_two_3">
<div class="route_query">
<div class="left">
<input type="text" id="origin_2" class="route_query_input" autocomplete="off" placeholder="站点名称，如“岗顶”" value="" name="q" />
<dl class="select interval"> <dt id="zdfl_3"> 站点分类 </dt> </dl> <dl class="select"> <dt id="zdmc_3"> 站点名称 </dt>
</dl> </div> <div class="query_text_r"> <input type="submit" value="查询" class="query_button" /> </div> </div>
<div class="query_line"> <a href="https://dt.8684.cn/bj" class="dtxl_link">
<img src="https://css.8684.cn/dt/images/xianlutu.png">地铁线路图</a> <a href="https://dt.8684.cn/bj_list_time" class="yysk_link">
<img src="https://css.8684.cn/dt/images/shikebiao.png">运营时刻表</a> <a href="https://dt.8684.cn/bj_intro" class="dtgh_link">
<img src="https://css.8684.cn/dt/images/guihua.png">地铁规划</a> <a href="javascript:;" class="facility">
<img src="https://css.8684.cn/dt/images/facility.png" class="facility_img">站内设施 <div class="qc-code-popup">
<div class="popup-arrow"></div> <div class="popup-content">
<div class="text"> <p>微信扫一扫</p> <p>手机查看更方便</p> </div> </div> </div> </a> <a href="https://www.8684.cn/app" target="_blank">
<img src="https://css.8684.cn/dt/images/lixian.png">地铁查询离线版</a>
</div> </div> </form> <ul class="citybusTipul"></ul> </div> </div>
</body>
</html>
