<!DOCTYPE html>
<html lang="zh-ch">
<head>
<meta charset="UTF-8">
<title>基本样式页</title>
<link rel="stylesheet" type="text/css" href="css/layout.css">
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/ui-component.css">
</head>
<body>
<div id="top" class="top">
<div class="wrap">
<p class="call">010-114/116114电话预约</p>
<p class="welcome">欢迎来到城市预约挂号统一平台 请
<a href="#1">登录</a>
<a href="#2">注册</a>
<a href="#3">帮助中心</a>
</p>
</div>
</div>
<div id="header" class="header">
<div class="wrap">
<a href="#4" class="logo"><img src="img/logo.png"></a>
<div class="search ui-search">
<div class="ui-search-selected">医院</div>
<div class="ui-search-select-list" >
<a href="#">科室</a>
<a href="#">疾病</a>
<a href="#">医院</a>
</div>
<input type="text" name="" class="ui-search-input" placeholder="请输入搜索内容" />
<a href="#" class="ui-search-submit"> </a>
</div>
</div>
</div>
<div id="nav" class="nav">
<div class="wrap">
<div href="#6" class="link menu">全部科室
<div class="menu-list ui-menu">
<div class="ui-menu-item clearfix">
<a href="#1" class="ui-menu-item-department">内科</i>
<a href="#2" class="ui-menu-item-disease">高血压</a>
<a href="#3" class="ui-menu-item-disease">冠心病</a>
<div class="ui-menu-item-detail" >
<div class="ui-menu-item-detail-group">
<div class="ui-menu-item-detail-group-caption">内科</div>
<div class="ui-menu-item-detail-group-list">
<a href="#1">心血管内科</a>
<a href="#1">神经内科</a>
<a href="#1">内分泌科</a>
<a href="#1">血液科</a>
<a href="#1">心血管内科</a>
<a href="#1">神经内科</a>
<a href="#1">内分泌科</a>
<a href="#1">血液科</a>
<a href="#1">心血管内科</a>
<a href="#1">神经内科</a>
<a href="#1">内分泌科</a>
<a href="#1">血液科</a>
<a href="#1">内分泌科</a>
<a href="#1">血液科</a>
</div>
</div>
</div>
</div>
<div class="ui-menu-item clearfix">
<a href="#1" class="ui-menu-item-department">外科</i>
<a href="#2" class="ui-menu-item-disease">肾结石</a>
<a href="#3" class="ui-menu-item-disease">脑外伤</a>
<div class="ui-menu-item-detail" >
<div class="ui-menu-item-detail-group">
<div class="ui-menu-item-detail-group-caption">外科</div>
<div class="ui-menu-item-detail-group-list">
<a href="#1">神经外科</a>
<a href="#1">功能神经外科</a>
<a href="#1">内分泌科</a>
<a href="#1">血液科</a>
<a href="#1">心血管内科</a>
<a href="#1">神经内科</a>
<a href="#1">内分泌科</a>
<a href="#1">血液科</a>
<a href="#1">心血管内科</a>
<a href="#1">神经内科</a>
<a href="#1">内分泌科</a>
<a href="#1">血液科</a>
<a href="#1">内分泌科</a>
<a href="#1">血液科</a>
</div>
</div>
<div class="ui-menu-item-detail-group">
<div class="ui-menu-item-detail-group-caption">外科常见疾病</div>
<div class="ui-menu-item-detail-group-list">
<a href="#1">神经外科</a>
<a href="#1">功能神经外科</a>
<a href="#1">内分泌科</a>
<a href="#1">血液科</a>
<a href="#1">心血管内科</a>
<a href="#1">神经内科</a>
<a href="#1">内分泌科</a>
<a href="#1">血液科</a>
<a href="#1">心血管内科</a>
<a href="#1">神经内科</a>
<a href="#1">内分泌科</a>
<a href="#1">血液科</a>
<a href="#1">内分泌科</a>
<a href="#1">血液科</a>
</div>
</div>
</div>
</div>
</div>
</div>
<a href="hospitals.html" class="link">按医院挂号</a>
<a href="department.html" class="link">按科室挂号</a>
<a href="#6" class="link">按疾病挂号</a>
<a href="#6" class="link">最新公告</a>
<a href="#6" class="link right">社会知名医院</a>
</div>
</div>
<div id="banner" class="banner clearfix">
<div class="banner-slider ui-slider">
<div class="ui-slider-wrap clearfix">
<a href="" class="item"><img src="img/banner_1.jpg" alt="banner-1"></a>
<a href="" class="item"><img src="img/banner_2.jpg" alt="banner-2"></a>
<a href="" class="item"><img src="img/banner_3.jpg" alt="banner-3"></a>
</div>
<div class="ui-slider-arrow">
<a href="#" class="item left"> </a>
<a href="#" class="item right"> </a>
</div>
<div class="ui-slider-process">
<a href="#" class="item item_focus"> </a>
<a href="#" class="item "> </a>
<a href="#" class="item "> </a>
</div>
</div>
<div class="banner-search">
<div class="caption"> <span class="text">快速预约</span> </div>
<div class="form ui-cascading">
<div class="line"><select name="area"><option>医院地区</option></select></div>
<div class="line"><select name="level"><option>医院等级</option></select></div>
<div class="line"><select name="name"><option>医院名称</option></select></div>
<div class="line"><select name="department"><option>医院科室</option></select></div>
</div>
<div class="submit">
<input type="button" class="button" value="快速查询">
</div>
</div>
<div class="banner-help">
<div class="caption"> <span class="text">帮助中心</span> </div>
<div class="list">
<a href="#7" class="link">账号指南</a>
<a href="#7" class="link">预约指南</a>
<a href="#7" class="link">账号找回</a>
<a href="#7" class="link">常见问题</a>
</div>
</div>
</div>
<div id="content" class="content">
<div class="wrap clearfix">
<div class="content-tab">
<div class="caption clearfix">
<a href="#7" class="item item_focus">医院</a>
<a href="#7" class="item">科室</a>
</div>
<div class="block">
<div class="item">
<div class="block-caption">
<a href="#8" class="block-capiton-item block-capiton-item_focus">全部</a>
<a href="#8" class="block-capiton-item">全部东城区</a>
<a href="#8" class="block-capiton-item">西城区</a>
<a href="#8" class="block-capiton-item">朝阳区</a>
<a href="#8" class="block-capiton-item">丰台区</a>
<a href="#8" class="block-capiton-item">石景山区</a>
<a href="#8" class="block-capiton-item">海淀区</a>
<a href="#8" class="block-capiton-item">门头沟区</a>
<a href="#8" class="block-capiton-item">房山区</a>
<a href="#8" class="block-capiton-item">其他</a>
</div>
<div class="block-wrap"><!--新增的-->
<div class="block-content">
<div class="block-list clearfix">
<div class="item">
<img src="img/hospital-1.jpg" alt="xx医院">
<div class="item-name">北京协和医院<span class="item-level">【三级甲等】</span></div>
<div class="item-phone">电话：东院咨询台:010-69155564..</div>
<div class="item-address">电话： [东院]北京市东城区帅府园一号 [西院]北京市西城区大木仓...</div>
</div>
<div class="item">
<img src="img/hospital-1.jpg" alt="xx医院">
<div class="item-name">北京协和医院<span class="item-level">【三级甲等】</span></div>
<div class="item-phone">电话：东院咨询台:010-69155564..</div>
<div class="item-address">电话： [东院]北京市�
城市统一挂号平台网站的实现.zip （40个子文件） 
城市统一挂号平台网站的实现 js 
jquery-1.7.1.min.js 92KB ui.js 5KB img 
bg-department.jpg 2KB .DS_Store 6KB hospital-1.jpg 6KB icon-menu.jpg 53KB
icon-help.png 2KB button-now.png 2KB ui-search.jpg 6KB hospital-5.jpg 6KB icon-call.png 1KB hospital-4.jpg 7KB hospital-6.jpg 8KB logo.png 20KB banner_1.jpg 124KB icon-web.png 3KB icon-go-up.png 813B ui-slider-arrow.png 2KB hospital-2.jpg 6KB list-blue.jpg 3KB banner_2.jpg 135KB footer-split.jpg 1KB bg-menu.jpg 40KB icon-info.jpg 2KB icon-pagination-arrow.png 1KB footer-logo.jpg 27KB icon-arrow-right.png 1KB icon-scheduling-right.jpg 2KB icon-pagination-go.png 1KB icon-scheduling-left.jpg 2KB list-yellow.jpg 3KB ui-slider-process.png 1KB banner_3.jpg 150KB icon-tel.png 2KB map-1.png 15KB hospital-3.jpg 7KB css layout.css 1KB ui-component.css 4KB base.css 7KB
index.html 11KB资源评论
weixin_420463152024-09-18总算找到了自己想要的资源，对自己的启发很大，感谢分享~- miaran2024-09-25资源很实用，对我启发很大，有很好的参考价值，内容详细。
