jQuery医生就诊时间预约表格代码

jQuery医生就诊时间预约表格代码

收藏
jQuery医生就诊时间预约表格代码
jQuery医院医生就诊时间在线预约。医院用户预约七天表,表头自动获取自第二天起的七天。支持时段、上午、下午、夜诊、单月内时间预约。医生首页和就诊评价tab切换效果。
  • 软件 Dreamweaver
  • 格式 HTML
  • 作者 I想要
  • 上传时间 6年前

使用方法:

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">
					医生姓名
				</div>
				<div class="doctor_address">
					坐诊地点:出诊地点
				</div>
				<div class="doctor_speciality">
					擅长领域:擅长领域
				</div>
				<div class="doctor_experience">
					医生经历:医生经历
				</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">医生首页</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>福建省立医院</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">
					这里是就诊评价的内容
				</div>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript" src="js/script.js"></script>

使用声明

1. 本站所有素材(未指定商用),仅限学习交流请勿用于商业用途。
2. 会员在本站下载的原创商用和VIP素材后,只拥有使用权,著作权归原作者及17素材网所有。
3. 原创商用和VIP素材,未经合法授权,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 本平台织梦模板仅展示和个人非盈利用途,织梦系统商业用途请预先授权。