Как заставить ссылки дрожать?
Здравствуйте, дорогие читатели – 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 и установить необходимое значение.
Таким образом, можно заставить дрожать не только ссылки, но и любой текст на Вашем ресурсе.
С помощью данного скрипта, можно привлечь внимание посетителей к определённым участкам сайта.
Скажите друзья, была ли Вам полезна данная анимация текста?
До следующих спецэффектов…
С уважением, Денис Черников!