[Ликбез]

Форма входа
Логин:
Пароль:

Меню сайта


Скрипты и коды для юкоз - Форум аццкого кодера » Скрипты jQuery, Примеры на jQuery и подобное » Анимационный эффект выдвигающегося блока инфы

Анимационный эффект выдвигающегося блока инфы
[16] likbezz [13.05.2012, 02:04]
igrok,
Quote (igrok)
Подскажите пожалуйста, - я использую принципиально похожий метод но, это вобщем конопка у меня Т.Е. При наведении на область выежает меню, только вот не получается у меня засунуть туда текст, который и должен быть ссылкой...
вот то что я прописываю в css

У тебя же весь блок кликабельный:
Quote
<a class="demo" id="tri" href="#">
<img class="raz" src="http://my3d.3dn.ru/images/2.jpg" height="200" width="220" alt=""/> Catalog
<br/>
</a>

...

Если нужно только текст сделать ссылкой, то сделай вот так:
Code
<div style="position: absolute; top:50px; left:0px;">
<span class="demo" id="tri">
<img class="raz" src="http://my3d.3dn.ru/images/2.jpg" height="200" width="220" alt=""/><br />
</span><br />
<a href="#">Catalog</a><br/>  
</div>


Или и то и другое:
Code
<div style="position: absolute; top:50px; left:0px;">
<a class="demo" id="tri" href="#">
<img class="raz" src="http://my3d.3dn.ru/images/2.jpg" height="200" width="220" alt=""/><br />
</a><br />
<a href="#">Catalog</a>
<br/>  
</div>

...
[17] igrok [13.05.2012, 21:47]
вобщем я решил оставить кнопки в виде картинок. Но если вкурсе кто, как отпозиционировать текст (ссылку) сверху выежающей картинки, то напищите пожалуйста. smile
[18] likbezz [14.05.2012, 06:01]
igrok,
Quote (igrok)
Но если вкурсе кто, как отпозиционировать текст (ссылку) сверху выежающей картинки, то напищите пожалуйста.

Текст что нарисован на картинке ? )))
Или переместить ссылку «Catalog» вверх?
Переместить просто, поставить выше картинки.
Позиционируется она так же как и обычно - поля, отступы, выравнивание.
...
[19] igrok [31.05.2012, 21:27]
Quote (likbezz)
Позиционируется она так же как и обычно - поля, отступы, выравнивание.
Я вобще-то хотел отпозиционировать по верх картинки, типо как слой. только чет у меня не получилось через Z-index
[20] likbezz [01.06.2012, 06:47]
igrok,
Quote (igrok)
Я вобще-то хотел отпозиционировать по верх картинки, типо как слой. только чет у меня не получилось через Z-index

Z-index применяется только к позиционированным элементам.
Назначь ссылке позиционирование и заведомо больший z-index и она будет выше слоя кнопки.


Полная версия сайта