jQuery imite l'interface de chat Sina Weibo du téléphone portable

Il s'agit d'un modèle d'interface de chat mobile Weibo très simple, jQuery imite le code de style de conversation de chat mobile Sina Weibo.
/*Envoyer un message*/
fonction envoyer(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);
}
/*Accepter le message*/
fonction 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);
}
/*Mettre à jour la vue*/
fonction upView(html){
$('.message').append(html);
$('body').animate({scrollTop:$('.message').outerHeight()-window.innerHeight},200)
}
fonction sj(){
return parseInt(Math.random()*10)
}
$(fonction(){
$('.footer').on('keyup','input',function(){
if($(this).val().length>0){
$(this).next().css('background','#114F8E').prop('disabled',true);

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

/*Données de test*/
var arr=['Je suis Xiao Q','Pas de contact depuis longtemps ! ', 'Tu penses à moi', 'Pourquoi ne me parles-tu pas', 'Parlons avec moi pendant un moment'];
var imgarr=['images/touxiang.png','images/touxiangm.png']
test()
test de fonction(){
$(arr).each(function(i){
setTimeout(fonction(){
send("images/touxiang.png",arr[i])
},sj()*500)
})
}

Jquery est l'une des technologies importantes requises pour la programmation Web. Jquery est un autre excellent framework Javascript après prototype. Il s'agit d'une bibliothèque js légère compatible avec CSS3 et divers navigateurs. jQuery permet aux utilisateurs de traiter plus facilement les documents et événements HTML, d'implémenter des effets d'animation et de fournir facilement une interaction AJAX pour les sites Web. Un autre gros avantage de jQuery est que sa documentation est très complète et que ses différentes applications sont expliquées en détail. Il existe également de nombreux plug-ins matures parmi lesquels choisir. jQuery peut séparer le code et le contenu HTML de la page HTML de l'utilisateur, c'est-à-dire qu'il n'est pas nécessaire d'insérer un tas de js dans le HTML pour appeler la commande.