#javascript #jquery
#javascript #jquery
Вопрос:
Извините, если название немного расплывчатое, в настоящее время я изучаю jQuery и хотел бы изменять вид содержимого при наведении курсора мыши, одновременно отображая ссылку read more при наведении курсора мыши и скрывая ее, когда она не наведена. Я могу заставить div исчезать, а ссылку read more отображать, хотя на данный момент ссылка read more наследует непрозрачность fade, равную .25, я понимаю, что я должен добавить этот метод show, но я не уверен, какую функцию или метод я должен использовать.
код здесь http://jsfiddle.net/kyllle/a4mPS
если бы кто-нибудь мог мне что-нибудь объяснить, это было бы здорово, поскольку я хотел бы полностью понять как можно больше.
Ответ №1:
Поскольку Read More находится внутри widget div, он исчезнет вместе с остальным содержимым виджета. Вместо этого просто поместите его снаружи, но внутри article :http://jsfiddle.net/a4mPS/1
Комментарии:
1. Да, это он. Обратите внимание, @kyllle, как вы уменьшаете div, что приводит к исчезновению всего внутри div. Если вы переместите ссылку за пределы объекта, который исчезает, все готово.
2. спасибо @mVChr и @JasCav теперь, если я хочу разобраться, как расположить ссылку «подробнее» на основе того, где находится изображение, как я могу это сделать, я с удовольствием проведу исследование, если я знаю, что я ищу?
3. Я обновил этот скрипт: jsfiddle.net/a4mPS/5 просто расположите новый div абсолютно и z-индексируйте его выше, и все готово.
Ответ №2:
Вы должны поместить ссылку Read More в новый div за пределами другого div и расположить ее там, где вы хотите, и изменить ее видимость или непрозрачность напротив div «hover».