Добавление анимации приемов

Если у вас на сайте подключена библиотека JQuery, то добавить анимацию приемов можно, включив приведенный ниже код в тело вашей страницы.
 
<script type="text/javascript" src="http://wwassociation.ru/moves_jquery.js"></script>
 
В случае, если библиотека JQuery не установлена, можно использовать такой код:
 
<script type="text/javascript" src="http://wwassociation.ru/moves.js"></script>
 
Далее, независимо от выбранного файла со скриптом необходимо добавить код для визуализации:
 
<style type="text/css">
.thumbnail {  
 position: relative;  
 background-color:#ffefd5; /* задний фон текста */
}  
.thumbnail:hover {  
 background-color: transparent;  
 background-color:#ffefd5; /* задний фон текста при наведении мыши */
}  
.thumbnail span{
 position: absolute;  
 background-color: #ffffff; /* задний фон анимации */
 padding: 5px; /* отступ от края всплывающего окна до картинки */
 left: -1000px;  
 visibility: hidden;  
 text-decoration: none;  
}  
.thumbnail span img{
 border-width: 0;
 padding: 2px;  
}  
.thumbnail:hover span{ 
 visibility: visible;  
 top: -140px; /* положение всплывающего окна относительно текста */
 left: -50px;
}
</style>

 

Название приема должно быть написано точно также, как на странице http://wwassociation.ru/moves. Перед и после названия приема должен без пробелов стоять дефис: "-". Например, для анимации приема 450 splash необоходимо написать -450 Splash-.

Список всех анимаций также доступен на указанной выше странице.