Maison > interface Web > js tutoriel > Quelle est la différence entre display:none et delete en css en JavaScript ?

Quelle est la différence entre display:none et delete en css en JavaScript ?

黄舟
Libérer: 2017-07-24 09:48:00
original
2857 Les gens l'ont consulté

Écrivez un affichage au survol de la souris et laissez le js disparaître
Récupérez les données dans js lorsque la souris est survolée, utilisez .append(pop) pour les coller dans le dom et affichez-les dans la balise .Micro_video_imgne.
Utilisez Remove pour faire disparaître la pop lorsque la souris est déplacée.
Mais il y a un problème lors de l'utilisation de Remove. Lorsque la souris survole Pop, l'étiquette Pop clignote et clignote, car le style ajouté (.pop) se trouve dans l'étiquette de survol de la souris (.Micro_video_img).
Si vous utilisez css (affichage : aucun), l'effet peut être parfaitement obtenu. Mais le problème est que les balises de la page vont être ajoutées.

$("body").on("mouseover",".Micro_video_img",function(){
    var pop="<div class=&#39;pop&#39;><a href=&#39;#&#39; class=&#39;Micro_video_a font_e&#39;>橡皮雕刻章子-周杰伦</a><div class=&#39;taolun&#39;>"+
    "<s class=&#39;taolun_icon icons&#39;></s>53</div><div class=&#39;like&#39;><s class=&#39;like_icon icons&#39;></s>230</div></div>";

        $(this).append(pop);

});

$("body").on("mouseout",".Micro_video_img",function(){
    $(this).children("div.pop").remove();
});
Copier après la connexion

La cause du scintillement : le déplacement de la souris vers la pop a déclenché l'événement mouseover. Après la suppression de la pop, l'événement mouseout a été déclenché. En fait, les deux événements ont été exécutés alternativement, provoquant la page. pour arrêter causé par le rendu.
Solution : le passage par l'élément et ses éléments enfants déclenchera l'événement mouseover, remplacez les événements mouseover/mouseout par mouseenter/mouseleave.

Essayez de passer à mouseenter

display: none Cela signifie-t-il simplement caché ? La position est également déplacée. La suppression du nœud n'est-elle pas supprimée ?

display:none->Cacher cette personne dans la maison et ne sortir pour voir personne
$('#dom').remove()->Gardez cette personne complètement hors de portée face de la terre Disparaître
visibilité:cachée->Beaucoup de gens vivent avec des salaires vides et occupent la fosse
opacité:0->Portez les vêtements neufs de l'empereur

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal