返回客服模拟系统...登陆

客服模拟系统

Ollie2019-06-11 10:22:30225

<!DOCTYPE html>    

<html lang="en">    

<head>    

<meta charset="UTF-8">    

<title>模拟智能在线客服系统</title>    

<style>    

div:nth-child(1){    

width:450px;    

height:650px;    

background-color:lightskyblue;    

margin: 30px auto;    

color:#333;    

box-shadow: 2px 2px 2px #808080;    

}    


h2{    

text-align:center;    

margin-bottom:-10px    

}    


div:nth-child(2){    

width: 400px;    

height:500px;    

border:4px double green;    

background-color: #efefef;    

margin: 20px auto 10px;    

}    


ul{    

list-style-type: none;    

line-height:2em;    

overflow:hidden;    

padding:15px;    

}    


table{    

width:90%;    

height:80px;    

margin:auto;    

}    

textarea{    

border:none;    

resize:none;    

background:lightyellow;    

}    

button{    

width:60px;    

height:40px;    

background: seagreen;    

color:white;    

border:none;    

}    

button:hover{    

cursor:pointer;    

background:orange;    

}    

</style>    

</head>    

<body>    

<div>    

<h2>在线客服</h2>    

<div>    

<ul>    

<li></li>    

</ul>    

</div>    

<table>    

<td align="right"><textarea name="text"  cols="50" rows="4"></textarea></td>    

<td align="left"><button type="button">发送</button></td>    

</table>    

</div>    


<script>    

//获取到页面中的相关元素    

let btn = docuemt.getElementsByTagName('button')[0];    

let text = document.getElementsByName('text')[0];    

let list = document.getElementsByTagName('ul')[0];    


let sum = 0;//计数器    

</script>    

</body>    

</html>    


最新手记推荐

• 用composer安装thinkphp框架的步骤• 省市区接口说明• 用thinkphp,后台新增栏目• 管理员添加编辑删除• 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消回复发送
  • PHP中文网