AJAX聊天室V1.0发布_AJAX相关教程-查字典教程网
AJAX聊天室V1.0发布
AJAX聊天室V1.0发布
发布时间:2016-12-29 来源:查字典编辑
摘要:插件名称:ChatRoom插件版本:v1.0插件作者:Clear插件支持BLOG版本:PJBlog2v2.5.0125版本说明:使PJBlo...

插件名称: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相关学习
    热门AJAX相关学习
    编程开发子分类