localisation actuelle:Maison > Articles techniques > interface Web > Tutoriel H5

  • Articles recommandés sur l'échangisme
    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
    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
    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)
    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
    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
    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
    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
    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
    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
    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>&amp
    Tutoriel H5 1605 2017-06-15 09:16:35
  • Recommander 5 effets spéciaux Canvas.toDataURL (collection)
    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
    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
    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
    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
    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.

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 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.

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.

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

金色的毕业帽矢量素材(EPS+PNG)

这是一款金色的毕业帽矢量素材,提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG素材
2024-02-27

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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!