Меню сайта
Категории сайта
| Скрипты для uCoz [3754] |
| Бесплатные шаблоны uCoz [3804] |
| Иконки форума групп [221] |
| Графика для сайта [2033] |
| PSD Макеты [132] |
| Кисти для фотошопа [265] |
| Уроки фотошопа на русском языке [18] |
| Стили для фотошопа [60] |
| Шрифты для фотошопа cs4 [47] |
| Web-master [3046] |
| Обзоры и статьи [74] |
| Шаблоны DLE [79] |
| Уникальные файлы от isuCoz [5] |
| Counter - Strike [29] |
Мини-чат
Наш опрос
Облако тегов
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Нас посетили:
Мини-профиль
Поиск
Календарь
Статистика
Архив
- 2008 Декабрь
- 2009 Январь
- 2009 Февраль
- 2009 Март
- 2009 Апрель
- 2009 Май
- 2009 Июнь
- 2009 Июль
- 2009 Август
- 2009 Сентябрь
- 2009 Октябрь
- 2009 Ноябрь
- 2009 Декабрь
- 2010 Январь
- 2010 Февраль
- 2010 Март
- 2010 Апрель
- 2010 Май
- 2010 Июнь
- 2010 Июль
- 2010 Август
- 2010 Сентябрь
- 2010 Октябрь
- 2010 Ноябрь
- 2010 Декабрь
- 2011 Январь
- 2011 Февраль
- 2011 Март
- 2011 Апрель
- 2011 Май
- 2011 Июнь
- 2011 Июль
- 2011 Август
- 2011 Сентябрь
- 2011 Октябрь
- 2011 Ноябрь
- 2011 Декабрь
- 2012 Январь
- 2012 Февраль
- 2012 Март
- 2012 Апрель
- 2012 Май
- 2012 Июнь
- 2012 Июль
- 2012 Август
- 2012 Сентябрь
- 2012 Октябрь
- 2012 Ноябрь
- 2012 Декабрь
- 2013 Январь
- 2013 Февраль
- 2013 Март
- 2013 Май
- 2013 Ноябрь
- 2013 Декабрь
- 2014 Январь
- 2014 Февраль
- 2014 Март
- 2014 Июнь
- 2014 Август
- 2014 Сентябрь
- 2015 Июнь
- 2015 Июль
- 2015 Август
- 2015 Октябрь
- 2015 Ноябрь
- 2017 Январь
Реклама
Узнай айпи
Картинка при наведении на ссылку или на картинку
Вы пришли к нам на портал что бы скачать\посмотреть Картинка при наведении на ссылку или на картинку, если возникнут вопросы по данному файлу Картинка при наведении на ссылку или на картинку, вы всегда можете задать свой вопрос на нашем форуме.
С уважением, администрация isucoz.com.
С уважением, администрация isucoz.com.
Скачать Картинка при наведении на ссылку или на картинку
Интересный скрипт работает на css . При наведении на ссылку появляется картинка .. Очень удобно делать к примеру в блок друзья при наведении на ссылку будет видно скрин сайта но он необновляется т.е. только та картинка которую сделали вы ...
Чтобы его установить в css прописываем :
Code
<style type="text/css">
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}
</style>
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}
</style>
Ссылка должна быть такая :
Code
<a class="thumbnail" href="http://1ucoz.3dn.ru/">ваш текст<span><img src="ссылка на рисунок" />
ваш текст </span></a>
ваш текст </span></a>
Также можно сделать чтобы при наведении на картинку появлялас еще картинка например увеличенная очень красиво получается ..
Code
<a class="thumbnail" href="http://1ucoz.3dn.ru/"><img src="ссылка на рисунок" width="100px" height="66px" border="0" /><span><img src="ссылка на рисунок" />
Ваш текст</span></a>
Ваш текст</span></a>
У вас есть сайт, но ты незнаешь какой у тебя тИЦ и ПР? Будь в курсе событий, поставь счетчик тИЦ и ПР на свой сайт! Счетчик тИЦ и ПР.
Добавил: NoName74 | Комментариев: 1 | Просмотров: 2574 | Добавлено: 10-Май-2009
