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>
相关文章
- 120公里夜路全程车内无人!图森全球首次全无人驾驶重卡公开路测
- 又一个“无人工厂”诞生,剩下的工人干什么?
- Phpstorm配置svn
- 2022年五大数据科学、人工智能和机器学习的发展趋势
- 95%的程序员都用不到的“算法”,是不是没必要死磕?
- AI在日本被用到极致,只能突破你想象
- MAC OS安装Composer
- 安畅刘欣:解决海外游戏运营水土不服之道
- 商汤港股上市,走出至暗时刻
- 谷歌李聪:“6个9”的运维成就是如何达成的?
- 智慧工地:2021年值得关注的五个智能建筑技术
- 可视化作品分享:第4期 | 好评来袭可视化作品分享:第4期 | 好评来袭前言第4期 / EP04 Start小结
- 电脑软件:巧用微软小工具解决日常问题!
- CentOS下Composer的安装和使用
- 未来十年,你的工作会被人工智能代替吗?
- iOS多线程篇:NSThread
- 佳信客服:“互联网+”时代,企业客户服务的变革者
- 三万字长文:服务器开发设计之算法宝典
- 为什么 HTTPS 是安全的?
- 歪评|百度无人车稳赢谷歌,微软找到了纪念乔布斯最好的方式