<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS在线聊天对话框网页特效</title>
<link rel="stylesheet" type="text/css" href="css/chat.css" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/chat.js"></script>
<!--[if lt IE 7]>
<script src="js/IE7.js" type="text/javascript"></script>
<![endif]-->
<!--[if IE 6]>
<script src="js/iepng.js" type="text/javascript"></script>
<script type="text/javascript">
EvPNG.fix('body, div, ul, img, li, input, a, span ,label');
</script>
<![endif]-->
</head>
<body class="keBody">
<h1 class="keTitle">JS在线聊天对话框网页特效</h1>
<div class="kePublic">
<!--效果html开始-->
<div class="content">
<div class="chatBox">
<div class="chatLeft">
<div class="chat01">
<div class="chat01_title">
<ul class="talkTo">
<li><a href="javascript:;">王旭</a></li></ul>
<a class="close_btn" href="javascript:;"></a>
</div>
<div class="chat01_content">
<div class="message_box mes1">
</div>
<div class="message_box mes2">
</div>
<div class="message_box mes3" style="display: block;">
</div>
<div class="message_box mes4">
</div>
<div class="message_box mes5">
</div>
<div class="message_box mes6">
</div>
<div class="message_box mes7">
</div>
<div class="message_box mes8">
</div>
<div class="message_box mes9">
</div>
<div class="message_box mes10">
</div>
</div>
</div>
<div class="chat02">
<div class="chat02_title">
<a class="chat02_title_btn ctb01" href="javascript:;"></a><a class="chat02_title_btn ctb02"
href="javascript:;" title="选择文件">
<embed width="15" height="16" flashvars="swfid=2556975203&maxSumSize=50&maxFileSize=50&maxFileNum=1&multiSelect=0&uploadAPI=http%3A%2F%2Fupload.api.weibo.com%2F2%2Fmss%2Fupload.json%3Fsource%3D209678993%26tuid%3D1887188824&initFun=STK.webim.ui.chatWindow.msgToolBar.upload.initFun&sucFun=STK.webim.ui.chatWindow.msgToolBar.upload.sucFun&errFun=STK.webim.ui.chatWindow.msgToolBar.upload.errFun&beginFun=STK.webim.ui.chatWindow.msgToolBar.upload.beginFun&showTipFun=STK.webim.ui.chatWindow.msgToolBar.upload.showTipFun&hiddenTipFun=STK.webim.ui.chatWindow.msgToolBar.upload.hiddenTipFun&areaInfo=0-16|12-16&fExt=*.jpg;*.gif;*.jpeg;*.png|*&fExtDec=选择图片|选择文件"
data="upload.swf" wmode="transparent" bgcolor="" allowscriptaccess="always" allowfullscreen="true"
scale="noScale" menu="false" type="application/x-shockwave-flash" src="http://service.weibo.com/staticjs/tools/upload.swf?v=36c9997f1313d1c4"
id="swf_3140">
</a><a class="chat02_title_btn ctb03" href="javascript:;" title="选择附件">
<embed width="15" height="16" flashvars="swfid=2556975203&maxSumSize=50&maxFileSize=50&maxFileNum=1&multiSelect=0&uploadAPI=http%3A%2F%2Fupload.api.weibo.com%2F2%2Fmss%2Fupload.json%3Fsource%3D209678993%26tuid%3D1887188824&initFun=STK.webim.ui.chatWindow.msgToolBar.upload.initFun&sucFun=STK.webim.ui.chatWindow.msgToolBar.upload.sucFun&errFun=STK.webim.ui.chatWindow.msgToolBar.upload.errFun&beginFun=STK.webim.ui.chatWindow.msgToolBar.upload.beginFun&showTipFun=STK.webim.ui.chatWindow.msgToolBar.upload.showTipFun&hiddenTipFun=STK.webim.ui.chatWindow.msgToolBar.upload.hiddenTipFun&areaInfo=0-16|12-16&fExt=*.jpg;*.gif;*.jpeg;*.png|*&fExtDec=选择图片|选择文件"
data="upload.swf" wmode="transparent" bgcolor="" allowscriptaccess="always" allowfullscreen="true"
scale="noScale" menu="false" type="application/x-shockwave-flash" src="http://service.weibo.com/staticjs/tools/upload.swf?v=36c9997f1313d1c4"
id="swf_3140">
</a>
<label class="chat02_title_t">
<a href="chat.htm" target="_blank">聊天记录</a></label>
<div class="wl_faces_box">
<div class="wl_faces_content">
<div class="title">
<ul>
<li class="title_name">常用表情</li><li class="wl_faces_close"><span> </span></li></ul>
</div>
<div class="wl_faces_main">
<ul>
<li><a href="javascript:;">
<img src="img/emo_01.gif" /></a></li><li><a href="javascript:;">
<img src="img/emo_02.gif" /></a></li><li><a href="javascript:;">
<img src="img/emo_03.gif" /></a></li>
<li><a href="javascript:;">
<img src="img/emo_04.gif" /></a></li><li><a href="javascript:;">
<img src="img/emo_05.gif" /></a></li><li><a href="javascript:;">
<img src="img/emo_06.gif" /></a></li>
<li><a href="javascript:;">
<img src="img/emo_07.gif" /></a></li><li><a href="javascript:;">
<img src="img/emo_08.gif" /></a></li><li><a href="javascript:;">
<img src="img/emo_09.gif" /></a></li>
<li><a href="javascript:;">
<img src="img/emo_10.gif" /></a></li><li><a href="javascript:;">
<img src="img/emo_11.gif" /></a></li><li><a href="javascript:;">
<img src="img/emo_12.gif" /></a></li>
<li><a href="javascript:;">
<img src="img/emo_13.gif" /></a></li><li><a href="javascript:;">
<img src="img/emo_14.gif" /></a></li><li><a href="javascript:;">
<img src="img/emo_15.gif" /></a></li>
<li><a href="javascript:;">
<img src="img/emo_16.gif" /></a></li><li><a href="javascript:;">
<img src="img/emo_17.gif" /></a></li><li><a href="javascript:;">
<img src="img/emo_18.gif" /></a></li>
<li><a href="javascript:;">
<img src="img/emo_19.gif" /></a></li><li><a hre
一个仿QQ的纯js+html5的聊天界面 完整实例源码
3星 · 超过75%的资源 需积分: 12 161 浏览量
2017-09-15
23:25:56
上传
评论
收藏 235KB RAR 举报 
QQtalk.rar （93个子文件） 
QQtalk css 
chat.css 9KB
readme.html 4KB img 
emo_42.gif 5KB
chat_bar_bg.jpg 1KB emo_11.gif 3KB emo_56.gif 3KB
wlf_bg.png 110B emo_04.gif 3KB emo_52.gif 6KB emo_07.gif 6KB emo_10.gif 2KB wlf_title_bg.jpg 319B emo_28.gif 2KB emo_30.gif 4KB emo_26.gif 7KB emo_38.gif 3KB emo_51.gif 3KB emo_13.gif 3KB emo_16.gif 4KB emo_17.gif 6KB emo_01.gif 10KB emo_33.gif 5KB emo_35.gif 10KB emo_58.gif 1KB emo_25.gif 3KB emo_44.gif 2KB emo_53.gif 3KB emo_45.gif 3KB emo_14.gif 5KB emo_21.gif 4KB emo_19.gif 2KB emo_49.gif 2KB emo_48.gif 2KB emo_57.gif 4KB emo_18.gif 4KB emo_46.gif 2KB emo_12.gif 3KB emo_03.gif 2KB emo_39.gif 3KB wlf_title_btn.jpg 477B emo_60.gif 3KB emo_55.gif 5KB title-bg.png 384B emo_31.gif 3KB layer_arrow.png 315B emo_20.gif 3KB emo_47.gif 4KB emo_08.gif 3KB emo_34.gif 5KB head 2018.jpg 2KB 2016.jpg 2KB 2020.jpg 2KB 2021.jpg 2KB 2015.jpg 2KB 2017.jpg 2KB 2022.jpg 2KB 2024.jpg 2KB 2019.jpg 2KB 2013.jpg 2KB 2014.jpg 2KB title_bg.jpg 1KB emo_27.gif 2KB chat_title_bg.jpg 1KB emo_22.gif 4KB send_btn.jpg 2KB emo_09.gif 3KB emo_43.gif 2KB emo_23.gif 3KB emo_02.gif 3KB emo_41.gif 3KB emo_15.gif 3KB status.gif 83B emo_37.gif 8KB emo_05.gif 6KB emo_59.gif 2KB emo_54.gif 4KB emo_50.gif 1KB icon.png 3KB emo_40.gif 4KB emo_06.gif 3KB emo_32.gif 3KB emo_36.gif 4KB emo_29.gif 7KB emo_24.gif 4KB 科e互联.url 3KB images bodyBg2.jpg 306B bodyBg.jpg 307B bodyBg3.jpg 307B js iepng.js 5KB IE7.js 30KB jquery-1.7.2.min.js 93KB chat.js 3KB index.html 19KB资源评论
小猫太郎2018-02-12谢谢分享，虽然没有什么用
