Wie kann ich das Menü gleich diese Website www.chanel.com mit Hilfe von jquery

Question

Hallo ich bin neu von der jQuery, fand ich diese Website http://www.chanel.com/ und ich mag sie so viel Menü, Ex wenn es Mauszeiger über Popup die image und wenn mouse out Bild ist weg und und den Hintergrund sehen, So kann ich das in Jquery tun, indem Sie so etwas verwenden?

 <ul> 
     <li id="pic1"> Link 1 </li> 
     <li id="pic2"> Link 2 </li> 
     <li id="pic3"> Link 3 </li> 
     <ul> 

    <div id="pic1"><img src="pic1"></div> 
    <div id="pic2"><img src="pic2"></div> 
    <div id="pic3"><img src="pic3"></div> 

Also wie kann ich den jQuery Code bitte writhe.

Mit freundlichen Grüßen

Answer 1

Basierend auf der HTML Sie poste ich würde vorschlagen, tutotials sowohl HTML als für jQuery zu folgen.

z. Sie verwenden keine eindeutigen IDs für die Elemente in Ihrem HTML.

Sie gehen weiter unterstützen zu können, sind hier Tutorial Links, die ich schnell gefunden:

jQuery-Tutorial: http://net.tutsplus.com/articles/web-roundups/jquery-for-absolute-beginners-video-series/

HTML-Tutorial: http://www.tizag.com/htmlT/

Answer 2

Ein guter Platz wäre here zu starten, wenn ich warst du. Ich habe eine Reihe von Dingen von dieser Website gelernt. Außerdem wurde der Menüeffekt, auf den Sie sich beziehen, als Beispiel auf dieser Website verwendet. Prost.

Answer 3

zuerst sollten Sie die ID Ihrer drei div wie zum Beispiel ändern:

und dann

enter code here 

<script type="text/javascript"> 
$(document).ready(function() { 
$("#pic1").hover(function(){ 
$("#div1").show(); 
}); 
$("#pic2").hover(function(){ 
$("#div2").show(); 
}); 
$("#pic3").hover(function(){ 
$("#div3").show(); 
}); 
}); 
</script>