Здравствуйте, дорогие читатели – 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 и установить необходимое значение.

Таким образом, можно заставить дрожать не только ссылки, но и любой текст на Вашем ресурсе.

С помощью данного скрипта, можно привлечь внимание посетителей к определённым участкам сайта.

Скажите друзья, была ли Вам полезна данная анимация текста?

До следующих спецэффектов…

 

С уважением, Денис Черников!