AJAX聊天室V1.0发布

2024-09-01 08:29:55

字体：大中小

来源：转载

供稿：网友

插件名称: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;

上一篇：ajax发表读取评论

下一篇：asp简单的ajax留言板(采用三层模式)

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注