Javascript Girl
  1. Javascript Girl
  3. Jquery div caché et spectacle, comment contrôler la position de show div?
Intereting Posts
Comment trouver l'index d'une valeur manquante dans un tableau? .click () ne fonctionne pas sur une classe span chargée plus tard Self Document This Top Window Pourquoi le prototypage de JavaScript? Passer les coordonnées de l'emplacement à Google Maps comme variable Comment télécharger un fichier en utilisant jQuery.ajax et FormData Kendo Grid Hiding / Showing Delete button Angular.js: est .value () la manière appropriée de définir l'application de manière constante et comment la récupérer dans un contrôleur Vérifiez si javascript est désactivé? Générer une date aléatoire entre deux dates et heures en Javascript Jquery: selectionStart pour les éléments sans texte PHP – Comment convertir la couleur RVB en spécifications de couleur CIE 1931 MongoDB règle pour supprimer une ligne si une colonne particulière contient une valeur spécifique Supprimez les sauts de ligne du début et de la fin de la chaîne Désactiver l'animation CSS3 avec jQuery?

Jquery div caché et spectacle, comment contrôler la position de show div?

Je crée un show div hover simple et je cache les introduce words avec jQuery, dans le code par défaut. Toute la position des mots introduits est relative. Les introduce words div de box4 et box8 seront hors de div#main .

Et comment faire? De sorte que l'introduction de mots div de box4 et de box8 fera un alignement correct?

Car je ne peux pas décrire bien en anglais, je fais une photo. Vous pouvez voir quand survoler dans la box4 , les introduce words l' introduce words div ne seront pas hors de div#main , c'est ce dont j'ai besoin. Merci.

Lien de code ici: http://jsfiddle.net/KTGUz/

image: Ce que je veux comme ça

Le mode jQuery pur est $('.box:nth-child(4n+4)').addClass('oy'); Et ajustez votre positionnement pour rendre la .box relative et l' .hover absolue, faisant .oy {right: 0;}

Voici les trucs: http://jsfiddle.net/3jGdm/

Vous pourriez donner aux cases 4 et 8 une classe différente si vous savez qu'elles vont toujours être en pointe. Voici un exemple:

http://jsfiddle.net/M687z/

Si cela dépend de la largeur de la fenêtre, combien de boîtes sont dans une rangée, vous pouvez utiliser la fonction jQuery.offset () pour repositionner la titre_box si elle débordait:

http://api.jquery.com/offset/