localisation actuelle: Maison > Télécharger > Effets JS > effets jQuery > jQuery imite l'interface de chat Sina Weibo du téléphone portable
jQuery imite l'interface de chat Sina Weibo du téléphone portable
Classer: Effets JS / effets jQuery | Temps de libération: 2017-12-11 | visites: 2411 |
Télécharger: 47 |
Derniers téléchargements
Aquarium Fantastique
Filles en première ligne
Ailes d'étoiles
Petite Fée des Fleurs Paradis Féérique
Restaurant Histoire mignonne
Exploration de voyage à Shanhe
Amour et producteur
Le cerveau le plus puissant 3
Odd Dust : Damila
Jeune voyage vers l'Ouest 2
24 heuresClassement de lecture
- 1 Ts avancés : paramètres dépendants, unions déduites et interaction saine sur Twitter.
- 2 [Leetcode] L'objet est-il vide
- 3 Tout ce que vous devez savoir sur l'UUID.
- 4 API Todo RESTful construite à l'aide de NodeJS
- 5 L'événement de déverrouillage du jeton cryptographique EIGEN d'EigenLayer place le protocole de restauration sur la voie rapide de l'expansion économique
- 6 Mon premier projet utilisant Golang (Partie 2)
- 7 Bitwise a confirmé que son application de l'ETF XRP est légitime, suscitant ainsi l'enthousiasme sur le marché
- 8 Ripple libère 1 milliard de jetons XRP depuis Escrow et reverrouille 800 millions de XRP
- 9 Diablo 4: Vessel of Hatred Twitch Drops - Schedule & Rewards
- 10 DLT Science Foundation Announces MiCA Crypto Alliance to Streamline and Enhance Compliance with EU's MiCA Regulation
- 11 What is 3AC Memecoin?
- 12 Prévision de prix Notcoin (NOT) : n'atteindra-t-il PAS bientôt la barre des 0,01 $ ?
- 13 Dogecoin (DOGE) Shows Bullish Potential With Increased Addresses and Whale Activity, Despite a Recent Price Dip
- 14 iOS 18.1 : Comment réinitialiser le centre de contrôle
- 15 Les Altcoins STRK, AR, LDO et CORE enregistrent des pertes à deux chiffres alors que les tensions géopolitiques frappent le marché de la cryptographie
Derniers tutoriels
-
- Aller au langage pratique GraphQL
- 1731 2024-04-19
-
- Premiers pas avec MySQL (Professeur Mosh)
- 1609 2024-04-07
-
- Mock.js | Axios.js | Json | Dix jours de cours de qualité
- 2451 2024-03-29
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.