Une info-bulle est un site web pop-up qui s'affiche lorsque les souris passe d'un utilisateur sur un élément sur une page. Un exemple typique est quand un utilisateur survole une souris sur une photo et une info-bulle indiquant le titre de la photo. XML est utilisé sur des sites Web pour stocker les données dans un format standard. Il peut être utilisé à la place d'une base de données. Un fichier XML peut être modifié à l'aide d'un éditeur de texte standard , ce qui rend plus facile pour le montage, si un utilisateur n'a pas d'expérience avec les bases de données . Les données provenant d'un fichier XML sont affichées sur un site Web en utilisant JQuery . Les données sont extraites du fichier XML en utilisant JQuery , puis analysé. Il est ajouté à la "Titre" balise HTML pour l'affichage sur un site Web. Choses que vous devez
Notepad
Afficher plus Instructions
1

Ouvrez un éditeur de texte comme Bloc-notes .
2

Ajoutez les lignes suivantes code, pour créer un fichier XML: < ? xml version = "1.0" encoding = "utf- 8" > Photos

< , titre de l'ouvrage = " CSS Mastery "> Photos

Description de la livre Maîtrise CSS va ici

Photos

description de la livre ASP professionnel va ici

< /description> Photos

livres > Photos

Ce code stocke les informations XML sur deux livres. Les balises extérieures < /books > sont utilisés pour maintenir l'individu. Tous XML doit avoir l'ouverture et la fermeture des balises . Chaque livre a une balise appelée "title ", qui est le nom du livre. Une balise de description contient des informations détaillées sur chaque livre.
3

Enregistrez le fichier sous " xmldata.xml . "
4

Créer un nouveau fichier , en utilisant le . éditeur de texte
5

Ajoutez le code suivant :

< DOCTYPE html PUBLIC "- //W3C //DTD XHTML 1.0 Transitional //EN" "http://! www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> Photos

< html crée la structure HTML de la page
6

Ajouter un lien vers les fonctions jQuery, hébergé sur Google, entre le " " et " " tags: .

ouvrir la fonction JQuery pour créer davantage HTML de la page :

Enregistrez le fichier comme une page HTML et l'ouvrir dans un navigateur
16 < p> Passez la souris sur l'un des liens de livres pour voir une info-bulle apparaît. Il montre la description du livre stocké dans le fichier XML.

Article précédent： Quelle est la cause fait, mais par erreur sur une page
Article suivant： Comment cocher Windows Autorisations de partage réseau en Java