-3
votes

Comment mettre en valeur toutes les divs et ajouter une sorte de navigation à chaque

Je cherche un moyen de mettre en évidence un div si un clic ou une mousever. En surbrillance, par exemple, changez ou ajoutez une couleur de bordure par JavaScript en cliquant ou sur Mouseover est claire.

Maintenant, je pense à ajouter une sorte de NAVBAR à la DIV (voir l'image), voici une idée de ce que cela est possible.

Comment puis-je canier ce genre de NAVBAR sur chaque image, qui ne peut-il fonctionner que pour cette div?

Par exemple, un genre comme celui-ci:

 Entrez la description de l'image ici

Cette fonctionnalité doit être ajouté à chaque DIV sur le site Web ...

espoir d'idées / conseils de votre part


0 commentaires

3 Réponses :


1
votes

Vous devez appliquer un autre style CSS sur survol code> pour l'élément. Pour vous donner une meilleure compréhension de la compréhension, le snippet ci-dessous.

Mise à jour 20190110 Strong> Barre d'outils SHOW SHOW SUR BOUTON sur le bouton VANCHER. P>

P>

<!-- for the toolbar icons -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

<div class="button-container">
  <div class="button-el">hover me!</div>
  <!-- toolbar container -->
  <div class="toolbar-container">
    <div class="toolbar-item"><i class="material-icons">edit</i></div>
    <div class="toolbar-item"><i class="material-icons">zoom_out_map</i></div>
    <div class="toolbar-item"><i class="material-icons">crop_rotate</i></div>
    <div class="toolbar-item"><i class="material-icons">delete</i></div>
  </div>
</div>


3 commentaires

oui, merci beaucoup - avez-vous une idée de la barre de navigation supplémentaire qui est ma question principale


@Rrainers Oui, la barre NAV peut également être configurée via le CSS Styling et HTML Element, permettez-moi de mettre à jour la réponse


Salut, est-il un moyen d'utiliser la barre NAV de manière dynamique pour chaque div sur un site?



0
votes

pour la frontière sur la survoltation - xxx

check violon

pour le div, vous pouvez référer Cette répond.


0 commentaires

-2
votes

Essayez ceci:

p>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="wrapper">
  <div class="options">
    This is an option
  </div>
  <div class="menu-item">
    Hover
  </div>
</div>


0 commentaires