jQuery醫(yī)院醫(yī)生就診時間在線預(yù)約。醫(yī)院用戶預(yù)約七天表,表頭自動獲取自第二天起的七天。支持時段、上午、下午、夜診、單月內(nèi)時間預(yù)約。醫(yī)生首頁和就診評價tab切換效果。
使用方法:
1、head引入css文件
<link rel="stylesheet" type="text/css" href="css/index.css"/>
2、head引入js文件
<script type="text/javascript" src="js/jquery.min.js"></script>
3、body引入HTML代碼
<div class="hd">
<div class="hd_bg">
<img src="img/bg.png"/>
</div>
<div class="hd_con">
<div class="con clearfix">
<div class="hd_head float-left">
<img src="img/doctor.png"/>
</div>
<div class="hd_info float-left">
<div class="doctor_name">
醫(yī)生姓名
</div>
<div class="doctor_address">
坐診地點:出診地點
</div>
<div class="doctor_speciality">
擅長領(lǐng)域:擅長領(lǐng)域
</div>
<div class="doctor_experience">
醫(yī)生經(jīng)歷:醫(yī)生經(jīng)歷
</div>
</div>
</div>
</div>
</div>
<div class="line"></div>
<div class="doctor_con">
<div class="con">
<div class="tab">
<div class="tab_hd clearfix text-center">
<div class="active float-left"><a href="#doctor_index">醫(yī)生首頁</a></div>
<div class="float-left"><a href="#doctor_evaluate">就診評價</a></div>
</div>
<div class="tab_con">
<div id="doctor_index" class="doctor_pane active">
<table border="0" cellspacing="0" cellpadding="0" class="doctor_table" width="1200">
<tr>
<td class="tb_header">時間地點</td>
<td colspan="9"><div>福建省立醫(yī)院</div></td>
</tr>
<tr>
<td class="tb_header">時段</td>
<td rowspan="4" class="arrow_left"><div><img src="img/left.png"/></div></td>
<td rowspan="4" class="arrow_right right_active"><div><img src="img/right_active.png"/></div></td>
</tr>
<tr>
<td class="tb_header">上午</td>
</tr>
<tr>
<td class="tb_header">下午</td>
</tr>
<tr>
<td class="tb_header">夜診</td>
</tr>
</table>
</div>
<div id="doctor_evaluate" class="doctor_pane">
這里是就診評價的內(nèi)容
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/script.js"></script>