jQuery仿手機新浪微博聊天介面

這是一款十分簡潔的微博手機聊天介面模板，jQuery仿手機新浪微博聊天對話式程式碼。
/*發送訊息*/
function send(headSrc,str){
var html="<div class='send'><div class='msg'><img src=" headSrc " />"
"<p><i class='msg_input'></i>" str "</p></div></div>";
upView(html);
}
/*接受訊息*/
function show(headSrc,str){
var html="<div class='show'><div class='msg'><img src=" headSrc " />"
"<p><i class='msg_input'></i>" str "</p></div></div>";
upView(html);
}
/*更新視圖*/
function upView(html){
$('.message').append(html);
$('body').animate({scrollTop:$('.message').outerHeight()-window.innerHeight},200)
}
function sj(){
return parseInt(Math.random()*10)
}
$(function(){
$('.footer').on('keyup','input',function(){
if($(this).val().length>0){
$(this).next().css('background','#114F8E').prop('disabled',true);

}else{
$(this).next().css('background','#ddd').prop('disabled',false);
}
})
$('.footer p').click(function(){
show("./images/touxiangm.png",$(this).prev().val());
test();
})
})

/*測試資料*/
var arr=['我是小Q','好久沒聯絡了！ ','你在想我麼','怎麼不跟我說話','跟我聊會天吧'];
var imgarr=['images/touxiang.png','images/touxiangm.png']
test()
function test(){
$(arr).each(function(i){
setTimeout(function(){
send("images/touxiang.png",arr[i])
},sj()*500)
})
}

Jquery是網頁程式設計所需的重要技術之一。 Jquery是繼prototype之後又優秀的Javascrīpt框架，它是輕量級的js函式庫，它相容於CSS3，也相容於各種瀏覽器。 jQuery讓用戶能更方便地處理HTML documents、events、實現動畫效果，並且方便地為網站提供AJAX互動。 jQuery還有一個比較大的優點是，它的文件說明很全，而且各種應用也說得很詳細，同時還有許多成熟的插件可供選擇。 jQuery能夠讓使用者的html頁保持程式碼和html內容分離，也就是說，不用再在html裡面插入一堆js來呼叫指令了，只要定義id即可。