$(".tips").tip_cards({ entrance: "bottom", column: 4, margin: "1%", selector: "> li", hoverTilt: "right", triggerSelector: "> li a", cardFlyDirection: "all", closeButton: "X", flipButton: "Flip", navigation: true, beforeOpen: null, afterOpen: null }); wowSliderProject generated by WOWSlider.com dzhordvik: Fade Caption

20 нояб. 2012 г.

Fade Caption

 Теперь на блоге, чтобы добавить к изображению эффект появления подписи при наведении курсора мыши, просто добавляю в тело поста div.
<div id="mainwrapper">
<div class="box" id="box-3">
<img id="image-3" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJooydj0Az-oylbQaY1YDuIi8DZ6IcbdwAcXNjLGOxSAn0s3M_-EAWj2mYTzLcZSBY3UOFFQoNwWud3cCZ3GxkvW_0kX1Jyp6-fcSOE6Jra3erODOw7dsek2XXPj3VB3uZ9_Fx1uvqhUu4/s320/coffee3+%E2%80%94jquery1.JPG" />
<h3>
<span class="caption fade-caption">Проявляющаяся подпись Fade Caption
dzhordvik.blogspot.ru.&nbsp;</h3></span>

 И вот что получается:


Проявляющаяся подпись Fade Caption dzhordvik.blogspot.ru. 


Комментариев нет:

Отправить комментарий