Maison Effets spéciaux JS Autres effets spéciaux js saisissez des mots-clés pour générer du code de balise

js saisissez des mots-clés pour générer du code de balise

js saisissez des mots-clés pour générer du code de balise

Un outil js très pratique qui vous permet de saisir des mots-clés pour générer des codes de balises. Entrez des mots-clés pour créer des balises de compétences personnelles. Vous pouvez également supprimer les balises inutiles.

code js

<script type="text/javascript">
    var tagcon = $("tagcon");
    var addBox = $("addBox");
    var addBtn = addBox.children[1];
    var intxt = addBox.children[0];
    var divs = tagcon.children;

    function $(id){ return document.getElementById(id) }//$获取元素函数封装
    function crele(ele){ return document.createElement(ele); } //创建元素
    function adson(father,son1,son2,son3,clas1,clas2,clas3,clas4,con1,con2){
        father.appendChild(son1);
        father.appendChild(son2);
        father.appendChild(son3);
        father.className = clas1;
        son1.className = clas2;
        son2.className = clas3;
        son3.className = clas4;
        son1.innerHTML = con1;
        son3.innerHTML = con2;
    }
    //输入框聚焦和失焦的效果
    intxt.onfocus = function(){
        intxt.style.backgroundColor = "#fff";
    }
    intxt.onblur = function () {
        intxt.style.backgroundColor = "#e3e3e3";
    }
    //点击add按钮添加标签
    addBtn.onclick = function () {
        if(intxt.value != ""){
            var newdiv = crele("div");
            var newem = crele("em");
            var newspan = crele("span");
            var newa = crele("a");
            if(divs.length == 0){//最新添加的标签在最前边
                tagcon.appendChild(newdiv);
            }else{
                tagcon.insertBefore(newdiv,divs[0])
            }
            adson(newdiv,newem,newspan,newa,"tag","tagtxt","move","closetag",intxt.value,"×")
            intxt.value = "";
        }else{
            alert("你还没有输入呢!");
        }
        //console.log(links.length);
        newa.onclick = function () {
            this.parentNode.style.display = "none";
        }
    }
</script>
Clause de non-responsabilité

Toutes les ressources de ce site proviennent d'internautes ou sont réimprimées par les principaux sites de téléchargement. Veuillez vérifier vous-même l'intégrité du logiciel ! Toutes les ressources de ce site sont uniquement à titre de référence d'apprentissage. Merci de ne pas les utiliser à des fins commerciales. Sinon, vous serez responsable de toutes les conséquences ! En cas d'infraction, veuillez nous contacter pour la supprimer. Coordonnées : admin@php.cn

Article connexe

Comment utiliser l'espace de noms de PHP7 et utiliser des mots-clés pour organiser la structure du code ? Comment utiliser l'espace de noms de PHP7 et utiliser des mots-clés pour organiser la structure du code ?

18 Oct 2023

Comment utiliser l'espace de noms de PHP7 et utiliser des mots-clés pour organiser la structure du code ? Lors de l’écriture de grands projets, la structuration et l’organisation du code sont très importantes. PHP7 introduit l'espace de noms et utilise des mots-clés pour nous aider à mieux gérer l'espace de noms du code et à améliorer la lisibilité et la maintenabilité du code. Cet article expliquera comment utiliser l'espace de noms de PHP7 et utiliser des mots-clés pour optimiser la structure du code, et sera accompagné d'exemples de code spécifiques. Créer un espace de noms Un espace de noms est créé en combinant un ensemble de classes liées

Décrire Canvas combiné avec JavaScript pour obtenir des effets spéciaux d'image Décrire Canvas combiné avec JavaScript pour obtenir des effets spéciaux d'image

07 Mar 2018

Nous savons tous que Canvas est en HTML5. Canvas peut créer de nombreux effets spéciaux et autres choses magiques. Bien sûr, JavaScript peut également le faire. Mais avez-vous déjà joué avec Canvas et JavaScript pour obtenir des effets spéciaux d'image ? regarder!

Comment utiliser l'espace de noms de PHP7 et utiliser des mots-clés pour améliorer la lisibilité et la maintenabilité du code ? Comment utiliser l'espace de noms de PHP7 et utiliser des mots-clés pour améliorer la lisibilité et la maintenabilité du code ?

18 Oct 2023

Comment utiliser l'espace de noms de PHP7 et utiliser des mots-clés pour améliorer la lisibilité et la maintenabilité du code ? Dans le développement de logiciels, la lisibilité et la maintenabilité du code sont des facteurs très importants. En PHP7, l'introduction d'espaces de noms et l'utilisation de mots-clés offrent un moyen élégant de résoudre les conflits de noms et d'améliorer la lisibilité du code. En utilisant rationnellement les espaces de noms et en utilisant des mots-clés, nous pouvons réduire efficacement la complexité du code et améliorer la maintenabilité et la lisibilité du code. Le concept d'espace de noms Un espace de noms est un moyen d'organiser le code en packages logiques

Dix effets de code de Noël sympas pour les programmeurs [Téléchargement gratuit] Dix effets de code de Noël sympas pour les programmeurs [Téléchargement gratuit]

23 Dec 2020

Dang Dang Dang ~ Les derniers effets spéciaux d'animation de Noël sympas et magnifiques sont là ! Y compris les effets spéciaux implémentés en HTML5, CSS3, jquery et autres langages, qui sont simples et beaux. Vous pouvez cliquer sur le lien dans le texte pour un aperçu de l'animation. Ils sont tous gratuits. Bienvenue à partager et à télécharger.

exemple de code js pour un site Web permettant de générer automatiquement l'index de la table des matières du chapitre exemple de code js pour un site Web permettant de générer automatiquement l'index de la table des matières du chapitre

09 Jan 2018

De nombreuses fonctions du site Web sont implémentées par js. Cet article présente principalement plusieurs codes js qui permettent au blog Blog Park de générer automatiquement un index de répertoire de chapitres. Les amis qui en ont besoin peuvent s'y référer.

Organisation des effets spéciaux des boutons de texte basés sur jQuery_jquery Organisation des effets spéciaux des boutons de texte basés sur jQuery_jquery

16 May 2016

Nous avons compilé ici 10 codes populaires pour le texte, les boutons, les formulaires et autres effets spéciaux basés sur jQuery. Ils sont rassemblés pour une comparaison et une utilisation faciles.

Liste des prix et effets spéciaux de la peau sauvage d'Agudo dans 'Honor of Kings' Liste des prix et effets spéciaux de la peau sauvage d'Agudo dans 'Honor of Kings'

02 Mar 2024

Quel est le prix du skin sauvage Aguduo de King of Glory ? Honor of Kings Agudo Wild Skin a attiré l'attention de nombreux joueurs. Les joueurs souhaitent connaître le prix spécifique et les effets spéciaux détaillés d'Agudo Wild Skin. L'éditeur a aidé les joueurs à trier les informations spécifiques sur le prix et les effets spéciaux d'Agudo Wild Skin. . Jetons un coup d'oeil. Liste des prix et des effets spéciaux de la peau sauvage d'Agudo dans "Glory of Kings" Réponse : Échangez des pièces d'étoile violettes pour une durée limitée. Liste des effets spéciaux de la peau sauvage d'Agudo Effets spéciaux d'apparence : Effets spéciaux passifs : Effets spéciaux d'attaque normale : Effets spéciaux de la première compétence : Effets spéciaux de la deuxième compétence : Effets spéciaux de la troisième compétence :

Liste des effets spéciaux du skin King of Glory Mozi Golden Scorpio Liste des effets spéciaux du skin King of Glory Mozi Golden Scorpio

19 Apr 2024

Un aperçu des effets spéciaux du skin Mozi Golden Scorpio dans Honor of Kings, avec l'actualité du skin Mozi Golden Scorpio, de nombreux joueurs veulent connaître ce skin de la série Saint Seiya, alors laissez-moi vous en parler. ci-dessous. . King of Glory Liste des effets spéciaux du skin Mozi Gold Scorpion Liste des effets spéciaux du skin Mozi Gold Scorpion Effets spéciaux d'apparence : Effets spéciaux de retour en ville : Effets spéciaux passifs : Effets spéciaux d'attaque normale : Effets spéciaux de la première compétence : Effets spéciaux de la deuxième compétence : Effets spéciaux de la troisième compétence effets : Friends, en tant que skin de liaison, Mo La qualité du skin sous-Golden Scorpio et de la série précédente de skins liés à King of Glory et Saint Seiya est très élevée, tant en termes de sensations que d'effets spéciaux. Ça ne manque pas.

'League of Legends Mobile Game' Liste des effets spéciaux de la peau de Western Shadow Evelynn 'League of Legends Mobile Game' Liste des effets spéciaux de la peau de Western Shadow Evelynn

07 Mar 2024

Que diriez-vous des effets spéciaux du skin d'Evelynn dans le jeu mobile League of Legends ? Le skin d'Evelynn, le démon occidental, a été révélé cette fois. Examinons de plus près les effets spécifiques du skin et le prix d'Evelynn, le démon occidental. J'espère que cela pourra aider les joueurs. "League of Legends Mobile Game" Liste des effets spéciaux de la peau Western Shadow Evelynn Qualité de la peau : peau ordinaire de niveau T3. Prix ​​du skin : coupon de 7900 points (équivalent à 79 yuans) Comment l'obtenir : vente directe au centre commercial. Liste des effets spéciaux du skin d'Evelynn dans l'Ouest. Effets spéciaux de retour en ville : Effets spéciaux passifs : Effets spéciaux d'attaque de base : Effets spéciaux de compétence Q : Effets spéciaux de compétence W : Effets spéciaux de compétence E : Effets spéciaux de compétence R :

See all articles See all articles

Hot Tools

jQuery+Html5 réalise un magnifique code d'animation de confession

jQuery+Html5 réalise un magnifique code d'animation de confession

jQuery+Html5 implémente un magnifique code d'animation de confession, l'effet d'animation est génial, un incontournable pour que les programmeurs se confessent !

Code d'effets spéciaux js pour la confession romantique d'un couple

Code d'effets spéciaux js pour la confession romantique d'un couple

Code d'effets spéciaux JS pour la confession romantique des couples. De tels effets spéciaux peuvent être utilisés sur des sites Web de photographie de mariage ou placés sur des sites Web personnels. C'est également un bon effet spécial que le site Web chinois PHP recommande de télécharger !

Simple js aime l'artefact de confession

Simple js aime l'artefact de confession

Artefact de confession d'amour simple en js natif

Effets expressifs d'animation de particules HTML5 de Bunker

Effets expressifs d'animation de particules HTML5 de Bunker

Code d'effets spéciaux d'expression d'animation de particules HTML5 de Bunker, le texte des effets spéciaux d'animation peut être modifié dans le code, vous pouvez créer une page, vous pouvez personnaliser la saisie de texte, il devrait être très populaire, cet effet spécial HTML5 est très beau.

Modèle d'interface de connexion en arrière-plan réactif jQuery

Modèle d'interface de connexion en arrière-plan réactif jQuery

Code source HTML du modèle d'interface de connexion backend réactif jQuery. La page de connexion utilise jquery pour vérifier le formulaire et déterminer si le nom d'utilisateur et le mot de passe répondent aux exigences. Habituellement, la page de connexion est une page qui doit être utilisée sur les sites Web d'entreprise ou les sites Web réactifs des centres commerciaux. pages, lorsque le navigateur effectue un zoom avant ou arrière, l'arrière-plan redimensionnera l'image en fonction du navigateur ! Le site Web chinois PHP recommande le téléchargement !