• Страница 2 из 2
  • «
  • 1
  • 2
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Исходники, Скрипты, Коды, Шаблоны, Примеры, Прикрепления, Инструменты и тп. » Скрипты jQuery, Примеры на jQuery и подобное » Анимационный эффект выдвигающегося блока инфы (infoblock $.animate())
Анимационный эффект выдвигающегося блока инфы
Дата: Воскресенье, 13.05.2012, 02:04 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


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>

...


 
Дата: Воскресенье, 13.05.2012, 21:47 |
Генерал-майор
Группа: Проверенные
Сообщений: 386
Награды: 1
Репутация: 0
Статус: Offline


вобщем я решил оставить кнопки в виде картинок. Но если вкурсе кто, как отпозиционировать текст (ссылку) сверху выежающей картинки, то напищите пожалуйста. smile

 
Дата: Понедельник, 14.05.2012, 06:01 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


igrok,
Quote (igrok)
Но если вкурсе кто, как отпозиционировать текст (ссылку) сверху выежающей картинки, то напищите пожалуйста.

Текст что нарисован на картинке ? )))
Или переместить ссылку «Catalog» вверх?
Переместить просто, поставить выше картинки.
Позиционируется она так же как и обычно - поля, отступы, выравнивание.
...


 
Дата: Четверг, 31.05.2012, 21:27 |
Генерал-майор
Группа: Проверенные
Сообщений: 386
Награды: 1
Репутация: 0
Статус: Offline


Quote (likbezz)
Позиционируется она так же как и обычно - поля, отступы, выравнивание.
Я вобще-то хотел отпозиционировать по верх картинки, типо как слой. только чет у меня не получилось через Z-index


 
Дата: Пятница, 01.06.2012, 06:47 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


igrok,
Quote (igrok)
Я вобще-то хотел отпозиционировать по верх картинки, типо как слой. только чет у меня не получилось через Z-index

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


 
Скрипты и коды для юкоз - Форум аццкого кодера » Исходники, Скрипты, Коды, Шаблоны, Примеры, Прикрепления, Инструменты и тп. » Скрипты jQuery, Примеры на jQuery и подобное » Анимационный эффект выдвигающегося блока инфы (infoblock $.animate())
  • Страница 2 из 2
  • «
  • 1
  • 2
Поиск:


Мобильная версия