Affichage et disparition d'une div en jquery
Résolu
Pierrot 81
-
JooS Messages postés 2468 Date d'inscription Statut Membre Dernière intervention -
JooS Messages postés 2468 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je souhaiterai afficher et faire disparaitre une div comme dans cet example de menu :
http://www.sushishop.fr/catalogue-produit-sushi
où la div / image apparait au survol d'un lien et ne disparait qu'au survol d'un autre lien, pouvez vous m'aider s'il vous plait merci
:o)
Je souhaiterai afficher et faire disparaitre une div comme dans cet example de menu :
http://www.sushishop.fr/catalogue-produit-sushi
où la div / image apparait au survol d'un lien et ne disparait qu'au survol d'un autre lien, pouvez vous m'aider s'il vous plait merci
:o)
A voir également:
- Affichage et disparition d'une div en jquery
- Affichage double ecran - Guide
- Windows 11 affichage classique - Guide
- Problème affichage fenêtre windows 10 - Guide
- Div c++ - Télécharger - Langages
- Pinterest problème affichage ✓ - Forum Réseaux sociaux
2 réponses
Salut ...
Y a multiple façon de la faire, en voici une, je dirai pas que c'est la meilleure, mais en tout cas ça fonctionne tres bien ...
PS : n'oublie pas d'inclure le framework JQUERY.
a+
Y a multiple façon de la faire, en voici une, je dirai pas que c'est la meilleure, mais en tout cas ça fonctionne tres bien ...
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script>
$(document).ready(function() {
$(".items td").hover(function(){
$("#display img").css('display','none');
name_img = $(this).attr('id');
img = $("#display").find('#'+name_img+'_dis');
img.show();
});
});
</script>
<style>
.items td {
padding:0 10px;
cursor:pointer;
}
#display img {
display:none;
float:left;
}
</style>
<head>
<body>
<table>
<tr class="items">
<td id="img1">Twitter</td>
<td id="img2">Digg</td>
<td id="img3">MySpace</td>
</tr>
<tr>
<td id="display" colspan="3">
<img src="http://www.seriessub.com/index.html" style="display:block;" id="img1_dis">
<img src="http://amelioration.fr/wp-content/uploads/2010/08/icon_digg256.png" id="img2_dis">
<img src="http://www.openpeillo.com/images/myspace-logo.png" id="img3_dis">
</td>
</tr>
</table>
</body>
</html>
PS : n'oublie pas d'inclure le framework JQUERY.
a+