ASP.NET question débutant concernant l'effet Hover

Question

Je suis un débutant complet à ASP.NET et ont besoin de savoir comment puis-je créer l'effet de vol stationnaire comme dans le site Web suivant: -

http://www.viking.com/Chairs/Chairs.asp

Il y a ce lien "Panier" dans le coin supérieur droit de la page Web ... lorsque vous déplacez votre souris dessus, une zone de texte s'affiche.

Comment créer cet effet?

J'ai juste besoin d'une idée de ce que je recherche? ..what tout le code dois-je inclure dans ma page Web ??

Aidez s'il vous plaît? Merci

Answer 1

Il semble que ce soit plus sur jquery qu'asp.net. Donnez l'élément que vous voulez que la boîte apparaisse d'un id (foo) et créez un autre, caché, div avec les données que vous voulez montrer onmouseover (barre).

Pour l'élément que vous voulez faire la boîte à apparaître ajouter un événement mouseover en utilisant JQuery par exemple:

$(document).ready(function() { 
    $("#foo").live("mouseover", function() { 
    $("#bar").slideDown("fast"); 
    }); 
    $("#foo").live("mouseout", function() { 
    $("#bar").hide(); 
    }); 
}); 

<div id="foo">MOUSOVER ME FOR BOX</div> 
<div id="bar" style="visibility:hidden;">HIDDEN CONTENT</div> 

Cela devrait faire un effet slideDown de base sur mouseover pour vous et devrait le cacher de la souris sur. Jetez un oeil à http://api.jquery.com/ pour avoir une meilleure compréhension de ce qui se passe et vous pouvez le faire avec JQuery.

Edition - Vous devrez inclure les fichiers du JQuery sur votre page, voir ici http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery

Answer 2

On dirait que c'est fait avec jQuery et le Hover mouseevent. Donc, vous voulez probablement regarder javascript, jQuery et CSS, ce n'est pas vraiment spécifique à ASP.NET.

Answer 3

Jetez un oeil à l'animation, les effets de glissement pour jquery. Je pense que votre exemple utilise un événement de souris hover pour lancer l'effet http://api.jquery.com/slideDown/.