<!DOCTYPE html>
<!-- saved from url=(0039)http://api.microyan.com/jpu/dialog.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>达达自动聊天机器人</title>
<link href="files/css/chat.css" rel="stylesheet">
<link rel="stylesheet" href="files/css/jquery-ui-1.9.2.custom.min.css">
<script src="./files/jquery-1.9.1.min.js"></script>
<script src="./files/jquery-ui-1.9.2.custom.min.js"></script>
<script src="./files/config.js"></script>
<!--<script src="http://api.microyan.com/res/config-test.js"></script>-->
<!--<script src="http://api.microyan.com/res/config-localhost.js"></script>-->
<script src="./files/config(1).js"></script>
<script src="./files/config-dialog.js"></script>
<script src="./files/b5m.main.js"></script></head>
<body style="overflow: hidden;">
<div class="info-box" id="info-box" style="display: none;">
<div class="info-box-wrap">
<p class="info-title">您好，为方便与您取得联系，请先填写表格</p>
<div class="info-form">
<div class="control-group" style="padding-top: 20px;">
<label class="control-label">姓名</label>
<div class="control">
<input type="text" id="name">
<span class="help-text">*写下您的真实姓名，方便与您取得联系。</span>
</div>
</div>
<div class="control-group">
<label class="control-label">联系电话</label>
<div class="control">
<input type="text" id="mobile">
<span class="help-text">*电话将会严格保密，方便与您取得联系。</span>
</div>
</div>
<div class="control-group">
<label class="control-label">E-mail</label>
<div class="control">
<input type="text" id="email">
<span class="help-text">*写下您的邮箱地址，方便与您取得联系。</span>
</div>
</div>
<div class="control-group">
<label class="control-label">考试成绩</label>
<div class="control">
<select class="control-select" id="subjectType">
<option selected="selected" value="文科">文科</option>
<option value="理科">理科</option>
</select>
<input type="text" id="score" style="width: 37%;margin-left: 1%;padding: 7px 2px;">
<span class="help-text">*请填写您的考试成绩。</span>
</div>
</div>
<div class="control-group">
<label class="control-label">生源地</label>
<div class="control">
<select class="control-select" style="width: 51%;padding: 5px" id="province">
<option selected="selected" value="">请选择</option>
<option value="北京">北京</option>
<option value="天津">天津</option>
<option value="河北">河北</option>
<option value="山西">山西</option>
<option value="内蒙古">内蒙古</option>
<option value="辽宁">辽宁</option>
<option value="吉林">吉林</option>
<option value="黑龙江">黑龙江</option>
<option value="上海">上海</option>
<option value="江苏">江苏</option>
<option value="浙江">浙江</option>
<option value="安徽">安徽</option>
<option value="福建">福建</option>
<option value="江西">江西</option>
<option value="山东">山东</option>
<option value="河南">河南</option>
<option value="湖北">湖北</option>
<option value="湖南">湖南</option>
<option value="广东">广东</option>
<option value="广西">广西</option>
<option value="海南">海南</option>
<option value="重庆">重庆</option>
<option value="四川">四川</option>
<option value="贵州">贵州</option>
<option value="云南">云南</option>
<option value="西藏">西藏</option>
<option value="陕西">陕西</option>
<option value="甘肃">甘肃</option>
<option value="青海">青海</option>
<option value="宁夏">宁夏</option>
<option value="新疆">新疆</option>
<option value="香港">香港</option>
<option value="澳门">澳门</option>
<option value="台湾">台湾</option>
</select>
<!--<input type="text" id="province">-->
<span class="help-text">*来自哪个省份（直辖市）。</span>
</div>
</div>
<div class="control-group">
<label class="control-label">学校</label>
<div class="control">
<input type="text" id="school">
<span class="help-text">*来自哪个学校。</span>
</div>
</div>
</div>
<div class="btn btn-finish">填好了，开始咨询！</div>
<div class="btn btn-ignore">跳过这步，直接咨询</div>
</div>
</div>
<div id="container" style="display: block; height: 600px; width: 1366px;">
<div class="header">
<div class="logo logo-text">达达自动聊天机器人</div>
<div id="contact-btn" class="func-btn" style="display: block;">
<div class="func-icon contact-icon"></div>
<span>联系我们</span>
</div>
<a id="guestbook-btn" class="func-btn" style="width: 85px;display: none" href="http://api.microyan.com/jpu/guestbook.html" target="_blank">
<div class="func-icon guestbook-icon"></div>
<span>留言板</span>
</a>
</div>
<div class="main" style="height: 540px;">
<div class="lside" style="width: 1066px;">
<div class="chat-box" style="height: 460px;">
<div class="jspScrollable" tabindex="0" style="height: 460px;">
<div class="jspContainer">
<div class="jspPane" style="width: 1046px;">
<div class="rctCtn chtCtn lft" style=""> <div class="chtMsg chtMsg-greeting"> <p class="chat">主人你好，我是达达</p> </div></div></div>
</div>
</div>
<div class="adv2" style="display: none;"><a target="_blank" href="http://api.microyan.com/jpu/dialog.html?platformId=346">了解更多招生信息，戳此处下载APP</a>
<div class="adv-delete"></div>
</div>
</div>
<div class="send-box">
<div class="input-box" autocomplete="off" style="width: 926px;">
<input type="text" id="input" class="input ui-autocomplete-input" placeholder="主人，想问点什么问题呢？" autocomplete="off"><span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span>
</div>
<div id="send-btn" class="send-btn">
<span>发 送</span>
</div>
<p class=
自动聊天机器人简单实现（纯html5+jquery）
4星 · 超过85%的资源 需积分: 40 21 浏览量
2015-06-04
14:14:26
上传
评论 17
收藏 127KB RAR 举报 
自动聊天机器人.rar （11个子文件） 
自动聊天机器人 dialog image 
head-school.png 60KB
index.htm 9KB files css chat.css 10KB jquery-ui-1.9.2.custom.min.css 17KB b5m.main.js 16KB config.js 704B config-dialog.js 965B robot.js 20KB jquery-ui-1.9.2.custom.min.js 54KB jquery-1.9.1.min.js 90KB config(1).js 100B资源评论
xuyan1422015-08-23还行吧，不过不满足我的要求- wvqkhn2015-06-29不错，感觉。
- qq_301965252015-11-26不错，开发有帮助
pangchaol2015-07-06感觉不错，但是需要改进- jiehuahun2016-07-29只是个页面，引用的还是小言机器人这种产品
