AJAX聊天室V1.0发布

不要认为自己比别人做得好,即便你很出色。常问自己,谁对我有恩还没加倍报答。杜绝事必躬亲,学会抓大放小。
插件名称:ChatRoom
插件版本:v1.0
插件作者:Clear
插件支持BLOG版本:PJBlog2v2.5.0125 版本说明:
使PJBlog2支持用户即时交流;
AJAX无刷新,可在任何页面内即时通讯(不支持HTML代码);
支持快捷键;
向前一条对话记录快捷键:↑
向后一条对话记录快捷键:↓
提交对话快捷键:Enter或Ctrl+Enter 清除快捷键:Ctrl+Delete;
保存历史聊天纪录;
自动聚焦到发送消息框;
支持FireFox;
安装方法:
将以下CSS复制到你使用皮肤样式layout.css文件

/*---聊天室样式---*/
#outmain{
height:200px;
font-size:9pt;
overflow-y:auto;
overflow-x:hidden;
SCROLLBAR-ARROW-COLOR:#FF9900;
SCROLLBAR-FACE-COLOR:#FFF9E1;
SCROLLBAR-DARKSHADOW-COLOR:#FF9900;
SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
SCROLLBAR-3DLIGHT-COLOR:#FF9900;
SCROLLBAR-SHADOW-COLOR:#FFFFFF;
SCROLLBAR-TRACK-COLOR:#FFF9E1;
color:#036;
}
#chatmain{}
#outs{
padding:3px;
background-color:#FFF9E1;
border:1pxsolid#AAA;
clear:both;
word-wrap:break-word;
word-break:break-all;
}
.in{
text-align:center;
} .names{
border:1pxsolid#AAA;
background-color:#F2F2F2;
width:95px;
margin-top:5px;
font-size:9pt;
}
#loadifo{
}
/*效果*/
.btns{
border:1pxsolid#AAA;
}
.inputs{
font-size:9pt;
background-image:url(../../Plugins/Chats/input.png);
background-repeat:no-repeat;
width:143px;
line-height:21px;
height:21px;
padding:0px;
border:1pxsolid#AAA;
margin-top:5px;
margin-right:0px;
margin-bottom:5px;
margin-left:0px;
}
.leftarrow,.rightarrow{
background-repeat:no-repeat;
background-position:centercenter;
cursor:pointer;
background-color:#FFF;
height:16px;
width:16px;
border-top-style:none;
border-right-style:none;
border-bottom-style:none;
border-left-style:none;
}
.leftarrow{
background-image:url(../../Plugins/Chats/l1.gif);
}
.rightarrow{
background-image:url(../../Plugins/Chats/r1.gif);
}
.msgs{
color:#666;
line-height:14px;
}
下载插件
下载ChatRoomV1.0
安装到PJBLOG2Plugins目录下,后台进行安装.

到此这篇关于AJAX聊天室V1.0发布就介绍到这了。青春就像一颗梅花树,是那样的坚强,又是那样的脆弱,她在寒冬腊月奔放,又在阳春三月凋落,她是默默无闻,但是向往未来的,充满激情的!更多相关AJAX聊天室V1.0发布内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
实现AJAX异步调用和局部刷新的基本步骤

Ajax实现上传图像功能的示例详解

Ajax校验用户名是否存在的方法

AJAX请求数据及实现跨域的三种方法详解

ajax接口文档url路径的简写实例