AJAX聊天室V1.0发布

 更新时间:2006年09月22日 00:00:00   作者:  
插件名称: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目录下,后台进行安装.

相关文章

  • 一个AJAX类代码

    一个AJAX类代码

    以前写的一个AJAX类,兼容性还不错,简单易用,记下了方便以后找 :)
    2010-01-01
  • Ajax和跨域问题深入解析

    Ajax和跨域问题深入解析

    这篇文章主要为大家详细介绍了Ajax和跨域问题,告诉大家什么Ajax,什么是跨域?具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • ajax编写简单的登录页面

    ajax编写简单的登录页面

    这篇文章主要为大家详细介绍了ajax编写简单登录页面的具体代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • ajax调用简单实例

    ajax调用简单实例

    这篇文章主要介绍了ajax调用简单实例,结合实例形式分析了基于ajax调用讲URL返回数据填充到指定div的功能,需要的朋友可以参考下
    2015-12-12
  • Ajax传输中文乱码问题的解决办法

    Ajax传输中文乱码问题的解决办法

    这篇文章主要介绍了Ajax传输中文乱码问题的解决办法的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • ajax无刷新分页的简单实现

    ajax无刷新分页的简单实现

    这篇文章主要为大家详细介绍了ajax无刷新分页的简单实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • django中使用jquery ajax post数据出现403错误的解决办法(两种方法)

    django中使用jquery ajax post数据出现403错误的解决办法(两种方法)

    在django中,使用jquery ajax post数据,会出现403的错误,大家知道该如何解决吗?下面由脚本之家小编给大家分享两种解决办法,需要的朋友可以参考下
    2015-09-09
  • 基于Ajaxupload的多文件上传操作

    基于Ajaxupload的多文件上传操作

    本文通过实例代码给大家介绍了基于Ajaxupload的多文件上传操作,代码简单易懂,非常不错,具有参考借鉴价值,需要的的朋友参考下吧
    2017-08-08
  • 使用ajax技术实现txt弹出在页面上的方法

    使用ajax技术实现txt弹出在页面上的方法

    下面小编就为大家带来一篇使用ajax技术实现txt弹出在页面上的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • 深入浅析Nginx实现AJAX跨域请求问题

    深入浅析Nginx实现AJAX跨域请求问题

    AJAX从一个域请求另一个域会有跨域的问题。那么如何在nginx上实现ajax跨域请求呢?此问题难住很多朋友,下面小编给大家带来了Nginx实现AJAX跨域请求问题的相关知识,感兴趣的朋友一起学习吧
    2016-06-06

最新评论