AJAX聊天室V1.0发布

插件名称:chatroom
插件版本:v1.0
插件作者:clear
插件支持blog版本:pjblog2 v2.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: 1px solid #aaa;
    clear: both;
    word-wrap: break-word;
    word-break: break-all;
}
.in{
    text-align: center;
}

.names{
    border: 1px solid #aaa;
    background-color: #f2f2f2;
    width: 95px;
    margin-top: 5px;
    font-size: 9pt;
}
#loadifo {
}
/*效果*/
.btns{
    border: 1px solid #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: 1px solid #aaa;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
}
.leftarrow,.rightarrow{
    background-repeat: no-repeat;
    background-position: center center;
    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;
}

 下载chatroom v1.0
安装到pjblog2 plugins目录下,后台进行安装.