Как заставить ссылки дрожать?
Здравствуйте, дорогие читатели – Sozdaiblog.ru!
В этой статье Вы узнаете, как создать эффект содрогания ссылок на Вашем ресурсе.
Для начала я хочу сделать небольшое объявление!
В ближайшее время на блоге появится ряд статей, в которых будут описаны различные хаки, спецэффекты, анимации и всевозможные мануалы для Ваших сайтов.
Поэтому, статьи будут короткими, направленные только на рабочий процесс и реализацию определённого эффекта.
Это первая статья из общего цикла новых публикаций. Чтобы не пропустить остальные, предлагаю подписаться на обновления блога и получать уведомления о выходе нового материала на Ваш адрес электронной почты.
Анимированный текст: эффект — «Дрожь».
Чтобы сделать эффект содрогания, нужно открыть файл «header.php», который находится в папке с Вашей активной темой оформления и между тегами — <head> < / head>, вставить следующий скрипт:
<style>
.jc {
position:relative;
margin-left: 45%;
}
</style>
<script type="text/javascript">
var pauseFactor=19;
function jiggleit(num){
this.el=jiggleit.el('jiggle'+num);
this.to=80;
this.jig=function(){
var c=this; if(pauseFactor){c.t=c.t? ++c.t : 1;
if(c.t%pauseFactor==0){c.to=pauseFactor*80;c.t=0;
} else c.to=80;}
c.el.style.left=(parseInt(c.el.style.left)==1)? '-1px' : '1px';
setTimeout(function(){c.jig();}, c.to);
};
this.jig();
};
jiggleit.el=function(id){
return document.all? document.all[id] : document.getElementById(id);
};
jiggleit.init=function(){
var i=0; while(jiggleit.el('jiggle'+i))
i++; if(i--) for (i ; i > -1; --i)
new jiggleit(i);
}
if(document.all||document.getElementById)
window.onload=jiggleit.init;
</script>
Затем, во время написания статьи в режиме HTML редактора, нужно обернуть Вашу ссылку следующими тегами:
<span id="jiggle0" class="jc">Ваша ссылка</span>
На этом всё. Теперь Ваша ссылка будет дрожать от страха.
Чтобы отрегулировать скорость вибрации, достаточно в скрипте найти цифру 80 и установить необходимое значение.
Таким образом, можно заставить дрожать не только ссылки, но и любой текст на Вашем ресурсе.
С помощью данного скрипта, можно привлечь внимание посетителей к определённым участкам сайта.
Скажите друзья, была ли Вам полезна данная анимация текста?
До следующих спецэффектов…
С уважением, Денис Черников!
-
Ошибка 404 или как прожить без битых ссылок?
-
Как сделать Анимированные Всплывающие Подсказки?
- Влияние тегов и мета-тегов на продвижение страниц сайта
-
HTML форма обратной связи для сайта на WordPress!
-
Как сделать бэкап(backup) блога или сайта на WordPress?
-
Автоматическая проверка Доступности сайта!
-
Как привлечь внимание к сниппету в Google?
- Правильная покупка Ссылок для сайта!
-
Как эффективно вести корпоративный блог?
-
Как сделать красивый HTML шаблон письма для E-mail рассылки?
