localisation actuelle：Maison > Articles techniques > interface Web > Tutoriel H5
- Direction：
- tous web3.0 développement back-end interface Web base de données Opération et maintenance outils de développement cadre php programmation quotidienne Applet WeChat Problème commun autre technologie Tutoriel CMS Java Tutoriel système tutoriels informatiques Tutoriel matériel Tutoriel mobile Tutoriel logiciel Tutoriel de jeu mobile
- Classer：
-
- Articles recommandés sur l'échangisme
- Il s'agit d'un autre chef-d'œuvre d'animation 3D basé sur HTML5 Canvas. Il s'agit d'un effet spécial d'animation de balançoire de vêtements 3D qui peut flotter dans le vent, ce qui est très réaliste. Lorsque nous glissons la souris sur les vêtements, les vêtements auront une animation de balancement. Lorsque nous cliquons sur la souris, les vêtements se balanceront plus violemment. Téléchargement du code source de la démo en ligne Code HTML<p style="width:500px;margin:10px auto"<canvas id=&q...
- Tutoriel H5 1423 2017-06-15 10:46:00
-
- 4 cours recommandés sur le changement
- Dans la section précédente, nous avons parlé de ce que sont la couleur et les pixels. En fait, dans la plupart des cas, nous n'avons pas besoin d'opérations au niveau des pixels. Il nous suffit de définir la couleur globale. 1. Couleurs de base Apprendre en jouant en HTML5 (2) - Dans le dessin de base, nous avons mentionné qu'il existe deux attributs contextuels qui peuvent être utilisés pour définir les couleurs : StrokeStyle détermine la couleur de la ligne que vous souhaitez actuellement dessiner et fillStyle détermine la couleur. couleur que vous souhaitez actuellement dessiner. La valeur de couleur de la zone remplie peut être une chaîne valide conforme à la norme de valeur de couleur CSS3. Vers le bas...
- Tutoriel H5 1602 2017-06-15 10:45:18
-
- Contenu recommandé lié au glisser-déposer natif
- Attribut dragable Avant, nous avons introduit plusieurs connaissances pertinentes sur le glisser-déposer natif en HTML5. Aujourd’hui, je vais vous présenter quelques autres petites choses du glisser-déposer HTML5. Sans plus tarder, jetons un coup d’œil ensemble. Par défaut, les liens, le texte et les images peuvent être déplacés, vous n'avez donc pas besoin d'écrire du code pour les faire glisser. Si vous souhaitez que d'autres balises d'éléments puissent être déplacées, seul HTML5 peut le faire. HTML5 spécifie l'attribut dragable pour tous les éléments HTML, indiquant si l'élément peut être glissé. Dans les balises pour les liens et les images...
- Tutoriel H5 1385 2017-06-15 10:33:35
-
- 10 effets spéciaux multi-documents recommandés (collection)
- HTML5 prend en charge la messagerie inter-documents (Cross-Document Messaging). Puisque la communication par message est utilisée, des événements doivent se produire. Selon la génération et la consommation des événements, nous pouvons trouver l'expéditeur et le destinataire, c'est-à-dire l'expéditeur et l'auditeur. Litener doit effectuer le travail suivant : écrire une fonction de traitement de message ; enregistrer la fonction de traitement de message : addEventListener('message', function, fal...
- Tutoriel H5 1469 2017-06-15 10:30:56
-
- Tutoriel d'introduction aux objets DOM : 10 didacticiels d'introduction de base zéro recommandés sur les objets DOM
- <canvas></canvas> est simplement un conteneur pour dessiner des graphiques. En plus des attributs tels que l'identifiant, la classe et le style, il possède également des attributs de hauteur et de largeur. Il existe trois étapes principales pour dessiner sur l'élément <canvas>> : 1. Récupérer l'objet DOM correspondant à l'élément <canvas> 2. Appeler la méthode getContext() de l'objet Canvas ; pour obtenir un CanvasRenderingC...
- Tutoriel H5 5351 2017-06-15 10:15:36
-
- 10 cours recommandés sur des listes de définitions
- Il existe de nombreuses balises de base en HTML5. Aujourd'hui, nous allons présenter les balises de liste. Les balises de liste peuvent organiser les éléments de texte sous la forme d'une liste dans une page Web. Il existe trois types de balises de liste : la liste ordonnée, la liste non ordonnée et la liste personnalisée. : <ul type =a>
- Tutoriel H5 1386 2017-06-15 10:14:37
-
- 10 articles recommandés sur l'aperçu local
- Cet article présente principalement JS+HTML5 pour réaliser l'effet de prévisualisation des images téléchargées.Il analyse les étapes de fonctionnement spécifiques et les techniques de mise en œuvre associées de l'aperçu local des images téléchargées en javascript sous la forme d'un exemple complet.Les amis dans le besoin peuvent se référer à l'exemple de. cet article sur le téléchargement de l'effet d'aperçu d'image JS+HTML5. Je le partage avec vous pour votre référence. Les détails sont les suivants : Dans le projet, j'ai rencontré un téléchargement de fichier avec le type de fichier de balise d'entrée et je voulais prévisualiser l'image avant le téléchargement. Une solution précédente consistait à télécharger d'abord le fichier. puis renvoyez l'adresse affichée sur la page,...
- Tutoriel H5 2165 2017-06-15 10:05:00
-
- Un exemple de tutoriel sur les éléments multimédias
- La balise vidéo en HTML5 et son effet d'imitation d'un lecteur vidéo sont largement utilisés sur certains téléphones mobiles. Parce que la version mobile a fondamentalement aboli la dictature du flash et permis au HTML5 d'être le maître, elle prend mieux en charge les vidéos. Alors aujourd'hui, je vais vous donner un petit exemple de balise vidéo HTML5 simulant un lecteur vidéo, afin que vous puissiez mieux comprendre HTML5 et son application efficace dans les projets. Code HTML<!--Mettez l'audio ogv local dans src --><video&nb...
- Tutoriel H5 1467 2017-06-15 09:48:28
-
- 10 articles recommandés sur la vitesse d'accès aux pages
- Titre original : Google's AMP - Accelerating Mobile Pages. L'auteur Zac a prononcé un discours lors du 6ème classement SEO la semaine dernière et a partagé certains des derniers développements dans l'industrie internationale du référencement. L’un des contenus est le projet AMP de Google, dont je parlerai également ici. AMP, Accelerated Mobile Pages, se traduit en gros par « pages mobiles accélérées ». Il s'agit d'une technologie lancée par Google en octobre de l'année dernière pour améliorer la vitesse d'accès aux pages mobiles. Les détails techniques spécifiques peuvent être consultés sur le site officiel du projet. Il existe un simple chinois...
- Tutoriel H5 1426 2017-06-15 09:34:56
-
- 8 articles recommandés sur les définitions d'en-tête
- 1. Définissez l'en-tête global. Cet en-tête est l'en-tête par défaut pour tous les panneaux. Vous devez ajouter une balise d'en-tête à l'intérieur de <p id="afui">, c'est-à-dire au même niveau que <p id=". content"> , et l'identifiant doit être l'en-tête. Par exemple : <!DOCTYPE html> <html>&
- Tutoriel H5 1605 2017-06-15 09:16:35
-
- Recommander 5 effets spéciaux Canvas.toDataURL (collection)
- Contexte du problème : j'ai dû prendre des captures d'écran de la vidéo lue. La vidéo est lue à l'aide de la balise vidéo, puis l'image en temps réel est capturée lorsque l'on clique sur la zone de lecture vidéo. Le code est très simple comme suit : var video = document.getElementById('video'); var canvas = doc..
- Tutoriel H5 1520 2017-06-15 09:16:00
-
- 10 articles recommandés sur les appareils électroménagers
- HTML5 a bouleversé le modèle de l'Internet sur PC et optimisé l'expérience Internet mobile. Au cours des prochaines années, HTML5 va bouleverser le monde des applications natives. Multiplateforme : à l'ère du multi-écran, l'indice de douleur des développeurs est très élevé et tout le monde espère que HTML5 pourra jouer le rôle de sauveur. Plusieurs ensembles de codes, différents types de travail technique et la synchronisation de la logique métier constituent un processus tortueux. C'est un peu similaire au monde des débuts des ordinateurs personnels. À cette époque, chaque ordinateur avait son propre système d'exploitation et son propre langage de programmation, et les développeurs en avaient assez de créer des versions différentes. En fait, la popularité du DOS était en grande partie due au fait que. les développeurs n'avaient vraiment pas l'énergie...
- Tutoriel H5 1924 2017-06-14 17:10:44
-
- 10 articles recommandés sur la communication inter-domaines
- HTML5 fournit la fonction de réception et d'envoi d'informations entre des documents Web. Grâce à cette fonction, tant que l'instance de l'objet fenêtre où se trouve la page Web est obtenue, non seulement les pages Web de même origine (domaine + numéro de port) peuvent communiquer entre elles, mais même la communication inter-domaines peut être atteint. Prise en charge du navigateur : IE8+, firefox4+, chrome8+ opera10+1. Tout d'abord, si vous souhaitez recevoir des messages d'autres fenêtres, vous devez surveiller l'événement de message de l'objet window, comme suit : window.addEv...
- Tutoriel H5 1608 2017-06-14 17:06:05
-
- 6 articles recommandés sur window.postMessage
- Cet article présente principalement l'explication détaillée de HTML5 window.postMessage et cross-domain, qui est d'une grande valeur pratique. Les amis qui en ont besoin peuvent s'y référer. Dans l'article précédent, nous avons parlé de la politique de même origine du navigateur, qui empêche. les pages de différents domaines d'accéder les unes aux autres, méthodes et attributs, et développe les solutions proposées pour résoudre le problème inter-domaines de la politique de même origine : proxy de sous-domaine, JSONP, CORS. Cet article détaillera window.postMessage HTML5. Avec l'aide de l'API postMessage, les documents peuvent être connectés de manière sûre et contrôlable...
- Tutoriel H5 1509 2017-06-14 15:56:46
-
- 6 articles recommandés sur le développement de jeux
- Dans les deux premiers articles, le développement du RPG a réalisé l'ajout de cartes et l'ajout de personnages de jeu. Cet article réalisera le défilement de la carte et la réalisation du dialogue des personnages. Concernant le principe de défilement de la carte, vous pouvez vous référer à la figure ci-dessous et suivre les instructions de la figure ci-dessus, pour réaliser le défilement de la carte, il vous suffit d'abord de dessiner la carte à venir (partie jaune dans l'image), puis de faire défiler la carte une fois la carte défilée. , supprimez la partie en dehors de l'écran (partie verte dans l'image). Tout d'abord, ajoutez une variable pour contrôler si la carte défile // Map scrolling var mapmove = ...
- Tutoriel H5 1914 2017-06-14 14:20:07
Recommandations d'outils
Code de contact du formulaire de message d'entreprise jQuery
Le code de contact du formulaire de message d'entreprise jQuery est un formulaire de message d'entreprise simple et pratique et le code de la page d'introduction contactez-nous.
bouton de formulaire
2024-02-29
Effets de lecture de boîte à musique HTML5 MP3
L'effet spécial de lecture de boîte à musique HTML5 MP3 est un lecteur de musique MP3 basé sur HTML5 + CSS3 pour créer de jolies émoticônes de boîte à musique et cliquer sur le bouton de commutation.
Effets spéciaux du joueur
2024-02-29
Effets spéciaux du menu de navigation d'animation de particules cool HTML5
L'effet de menu de navigation d'animation de particules cool HTML5 est un effet spécial qui change de couleur lorsque le menu de navigation est survolé par la souris.
Navigation dans les menus
2024-02-29
Code d'édition par glisser-déposer du formulaire visuel jQuery
Le code d'édition par glisser-déposer du formulaire visuel jQuery est un formulaire visuel basé sur jQuery et le framework bootstrap.
bouton de formulaire
2024-02-29
Modèle Web de fournisseur de fruits et légumes biologiques Bootstrap5
Un modèle Web de fournisseur de fruits et légumes biologiques-Bootstrap5
Modèle d'amorçage
2023-02-03
Modèle de page Web réactive de gestion d'arrière-plan d'informations de données multifonctionnelles Bootstrap3-Novus
Modèle de page Web réactive de gestion d'arrière-plan d'informations de données multifonctionnelles Bootstrap3-Novus
modèle de back-end
2023-02-02
Modèle de page Web de plate-forme de services de ressources immobilières Bootstrap5
Modèle de page Web de plate-forme de services de ressources immobilières Bootstrap5
Modèle d'amorçage
2023-02-02
Modèle Web d'informations de CV simples Bootstrap4
Modèle Web d'informations de CV simples Bootstrap4
Modèle d'amorçage
2023-02-02
可爱的夏天元素矢量素材(EPS+PNG)
这是一款可爱的夏天元素矢量素材，包含了太阳、遮阳帽、椰子树、比基尼、飞机、西瓜、冰淇淋、雪糕、冷饮、游泳圈、人字拖、菠萝、海螺、贝壳、海星、螃蟹、柠檬、防晒霜、太阳镜等等，素材提供了 EPS 和免扣 PNG 两种格式，含 JPG 预览图。
PNG素材
2024-05-09
四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)
这是一款红的的 2023 毕业徽章矢量素材，共四个，提供了 AI 和 EPS 和免扣 PNG 等格式，含 JPG 预览图。
PNG素材
2024-02-29
唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)
这是一款由唱歌的小鸟和装满花朵的推车设计的春天 banner 矢量素材，提供了 AI 和 EPS 两种格式，含 JPG 预览图。
banner图
2024-02-29
Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure
Le modèle de site Web d'entreprise de services de nettoyage et d'entretien de décoration d'intérieur est un modèle de site Web à télécharger adapté aux sites Web promotionnels qui proposent des services de décoration, de nettoyage, d'entretien et d'autres organisations de services. Astuce : Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2024-05-09
Modèle de page de guide de CV personnel aux couleurs fraîches
Le modèle de page de guide de CV de candidature personnelle de correspondance de couleurs fraîches est un téléchargement de modèle Web de page de guide d'affichage de travail de CV de recherche d'emploi personnel adapté au style de correspondance de couleurs fraîches. Astuce : Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2024-02-29
Modèle Web de CV de travail créatif de concepteur
Le modèle Web de CV de travail créatif de concepteur est un modèle Web téléchargeable pour l'affichage de CV personnels adapté à divers postes de concepteur. Astuce : Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2024-02-28
Modèle de site Web d'entreprise de construction d'ingénierie moderne
Le modèle de site Web d'entreprise d'ingénierie et de construction moderne est un modèle de site Web téléchargeable adapté à la promotion du secteur des services d'ingénierie et de construction. Astuce : Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2024-02-28
