Шаблоны для ucoz
Пятница, 29.03.2024, 10:47
Меню сайта
Главная страница Новости Галерея Статьи Форум Друзья сайта

uCoz

Скрипты для uCoz Шаблоны для uCoz Иконки для форума Иконки для групп

Counter-Strike 1.6

Скачать Counter-Strike 1.6 Модели оружия CS 1.6 Модели игроков CS 1.6 Другие модели CS 1.6 Готовые серверы CS 1.6 Другие сервера CS 1.6 Руссификаторы CS 1.6 Background CS 1.6 Программы для CS 1.6 Античиты CS 1.6 Спрайты CS 1.6 Конфиги CS 1.6 Плагины CS 1.6 Патчи CS 1.6 Моды CS 1.6 Карты CS 1.6 Боты CS 1.6

Counter-Strike: Source

Cкачать CSS Перчатки для CSS Руки для CSS Модели игроков для CSS Модели оружия для CSS Готовые сервера для CSS Руссификаторы для CSS Темы меню для CSS Античиты для CSS Плагины для CSS Карты для CSS Моды для CSS Боты для CSS
Категории:
Наши баннеры

Наши баннеры
Наш опрос
Как вам сайт?


Архив
Результаты
Всего голосовало: 1878
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум WEB Мастеров » Система uCoz » Каталог файлов » Красивое увеличение картинки с эффектом вращения при наведен
Красивое увеличение картинки с эффектом вращения при наведен
Koresh[oK]Дата: Пятница, 11.03.2011, 01:34 | Сообщение # 1

Модератор

ICQ:93108858

Сообщений: 603


[ ]


Нет на месте
Интересный, качественно реализованный эффект увеличения картинки при наведении курсора мышки

Для начала посмотрите Demo
Установка:

После /head на нужных страницах вставляйте:

Code
<script src="/js/init.js" type="text/javascript"></script>     
<script src="/js/raphael.js" type="text/javascript"></script>     
<style>ul.reset,     
ul.reset li {     
display:block;     
list-style:none;     
padding:0;     
margin:0;     
}     
.gallery ul li {     
width:200px; /* a half of image width */     
height:200px; /* a half of image height */     
margin:0 10px 10px 0;     
float:left;     
position:relative;     
}     
.holder {     
position:absolute;     
top:0;     
left:0;     
margin:-100px 0 0 -100px; /* margin-left: a half of 'li' width and margin-top: a half of 'li' height */     
}     
</style>

Следующий код в то место, где будет сама картинка:

Code
<div class="gallery">     
<ul class="reset">     
<li><img src="Ссылка на картинку" border="0" /></li>     
</ul>     
</div>

При желании и знании css вы легко сможете отредактировать все параметры скрипта под себя

Осталось лишь залить два скрипта из прикреплённого архива в папку js Скачать

Источник: www.u1.do.am



Уважаю: ВадимКа, HardR1de, diRoL.
Стремлюсь к должности Гл. Модератор
Форум WEB Мастеров » Система uCoz » Каталог файлов » Красивое увеличение картинки с эффектом вращения при наведен
  • Страница 1 из 1
  • 1
Поиск:
Поиск по сайту
Статистика
Онлайн:


Зарег. на сайте:
Всего: 25656
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них:
Администраторов: 2
Модераторов: 1
Дизайнеров:
Файловиков: 1
Журналистов: 0
Проверенных: 24
Обычных: 25628
Забаненых: 0
Из них:
Парней: 2101
Девушек: 72
Счетчики:
Сегодня нас посетили:
Друзья сайта
Мы в TOP'ax
Свободно Свободно Свободно
СвободноСвободно Свободно
|