如何編寫(xiě)AJAX聊天室

本篇內(nèi)容介紹了“如何編寫(xiě)AJAX聊天室”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

插件名稱(chēng):ChatRoom
插件版本:v1.0
插件作者:Clear
插件支持BLOG版本:PJBlog2 v2.5.0125 
版本說(shuō)明:
使PJBlog2支持用戶(hù)即時(shí)交流;
AJAX無(wú)刷新,可在任何頁(yè)面內(nèi)即時(shí)通訊(不支持HTML代碼);
支持快捷鍵;
向前一條對(duì)話(huà)記錄 快捷鍵:↑
向后一條對(duì)話(huà)記錄 快捷鍵:↓
提交對(duì)話(huà) 快捷鍵:Enter或Ctrl + Enter

清除 快捷鍵:Ctrl + Delete;
保存歷史聊天紀(jì)錄;
自動(dòng)聚焦到發(fā)送消息框;
支持FireFox;
安裝方法:
將以下CSS復(fù)制到你使用皮膚樣式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目錄下,后臺(tái)進(jìn)行安裝.

“如何編寫(xiě)AJAX聊天室”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！