Я довольно новый, когда дело доходит до использования JQuery. Я знаю, что то, что я хочу сделать, очень просто.Функция JQuery Slidedown
В принципе, мне нужно создать поле «подпись», которое будет скользить вниз при щелчке изображения.
Пользователь щелкает изображение, а крошечная коробка с надписью раскрывает нижнюю часть, чтобы описать ему/ей то, что он только что нажал.
Я создал крошечное изображение, чтобы уточнить, что мне нужно сделать.
Вы должны проверить TheNewBoston является канал на YouTube говорю вам, как использовать JQuery даже с нуля.
Вот пример. Я думаю, это может вам помочь.
$(document).ready(function() {
$('.box-img').click(function() {
$('.box-caption').slideDown('slow');
});
});
CSS:
.box-img {
width: 100px;
height: 100px;
border: thin solid gray;
position: relative;
}
.box-caption {
width: 100%;
height: 30px;
position: absolute;
bottom: 0px;
background-color: #d4d4d4;
display: none;
}
HTML:
<div class="box-img">
my image
<div class="box-caption">my caption</div>
</div>
Отлично, спасибо, что действительно пережили это. То, что мне нужно. – Colin
Извините, что мне нужно изменить в этом примере, чтобы получить желаемый результат? Я понимаю HTML/CSS, но нужно ли переписывать материал Java наверху? (например, «document», «box-img», «box-caption») – Colin
Никогда, я понял это. Его работа красива. Не могли бы вы рассказать мне, как это сделать, когда его снова нажмут? Он скрывает подпись? Также, проверяя TheNewBoston, когда мы говорим! Благодаря! – Colin
http://api.jquery.com/slideDown/ здесь вы можете увидеть некоторые образцы, это довольно легко на самом деле:
$('#ImageID').click(function() {
$('#captionboxID').slideDown('slow');
});
Спасибо за это, помог мне понять! – Colin
Как это http://www.catchmyfame.com/jquery/dropcaptions/? – j08691
Да, но на изображении CLICK, а не наведение курсора - Это легкое изменение? – Colin
Должно быть. Просто попробуйте изменить использование плагином мыши или наведите курсор мыши на клик. – j08691