• Страница 1 из 1
  • 1
Форум Сталкер » Web-раздел » Скачать скрипты для сталкера » Цепь на шапку (Раскачивается)
Цепь на шапку (Раскачивается)
XemorDioДата: Понедельник, 04.04.2016, 13:46 | Сообщение # 1
Генерал-полковник
Группа: Пользователи
Сообщений: 897
Награды: 7
Репутация: 8
Статус: Offline

Кто не въехал для чего это? А это так, для красоты, демо выше, наведите на цепь)
Установка
Заходим в верхнюю часть сайта и в самый вниз.
Код
<style>  
/*Цепь by xemordio*/  
a.sg_tab { float: left; margin: -350px 0 0 250px}  
a.sg_tab img { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); }  
a.sg_tab.right_tab img { -moz-transform:rotate(-7deg); -webkit-transform:rotate(-7deg); -o-transform:rotate(-7deg); -ms-transform:rotate(-7deg); transform:rotate(-7deg); }  
a.sg_tab:hover img { -moz-transform:rotate(-15deg); -webkit-transform:rotate(-15deg); -o-transform:rotate(-15deg); -ms-transform:rotate(-15deg); transform:rotate(-15deg); }  
a.sg_tab.right_tab:hover img { -moz-transform:rotate(10deg); -webkit-transform:rotate(10deg); -o-transform:rotate(10deg); -ms-transform:rotate(10deg); transform:rotate(10deg); }  
</style>  

<a class="sg_tab right_tab" href="/"><img alt="" class="Hoverbuttons" src="http://i.imgur.com/bj9f4CV.png" ></a>  
<script>  
  /*раскачивание*/  
$(document).ready(function() {  
  function swing(){  
  $('.sg_tab').toggleClass('right_tab');  
  setTimeout(swing, 1000);  
  }  
  swing();  
});  
</script>

Кстати, картинку можно использовать свою)
[add]Специально для ExGooD. - PassageStalker.3dn.Ru[/add]
 
Форум Сталкер » Web-раздел » Скачать скрипты для сталкера » Цепь на шапку (Раскачивается)
  • Страница 1 из 1
  • 1
Поиск:
Поделись с другими сталкерами
Меню сайта
Гость
Статистика