ASP.NET начинающий вопрос о Hover эффект

Question

Я полный новичок в ASP.NET и должны знать, как создать эффект парения как на следующем веб-сайте: -

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

Там эта ссылка «Корзина» в верхнем правом углу веб-страницы ... когда вы наводите на нее курсор, отображается текстовое поле.

Как создать такой эффект?

Мне просто нужна идея, как, что я ищу? .. какой код мне нужно включить в мою веб-страницу?

Помогите? Спасибо

Answer 1

Это больше похоже на jquery, чем asp.net. Дайте элементу, который вы хотите, чтобы окно отображалось с id (foo) и создало другой, скрытый, div с данными, которые вы хотите показать onmouseover (bar).

Для элемента, который вы хотите, чтобы вызвать окно появляться добавить событие курсора, находящегося с помощью JQuery например:

$(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> 

Это должно сделать основной slidedown эффект при наведении курсора мыши для вас и должны скрывать от курсора мыши. Взгляните на http://api.jquery.com/, чтобы лучше понять, что происходит, и вы можете делать с JQuery.

Edit - Вам нужно включить в Jquery файлы на расслоение плотной странице, смотрите здесь http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery

Answer 2

Похоже, это сделано с помощью jQuery и Hover mouseevent. Поэтому вы, вероятно, хотите посмотреть на javascript, jQuery и CSS, это не совсем специфично для ASP.NET.

Answer 3

Посмотрите на анимационные, скользящие эффекты для jquery. Я думаю, что ваш пример использует событие мыши мыши, чтобы начать эффект http://api.jquery.com/slideDown/.