Добавление анимации приемов
Если у вас на сайте подключена библиотека 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-.
Список всех анимаций также доступен на указанной выше странице.
