Здравствуйте, дорогие читатели – 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 и установить необходимое значение.
Таким образом, можно заставить дрожать не только ссылки, но и любой текст на Вашем ресурсе.
С помощью данного скрипта, можно привлечь внимание посетителей к определённым участкам сайта.
Скажите друзья, была ли Вам полезна данная анимация текста?
До следующих спецэффектов…
С уважением, Денис Черников!
-
Как установить плагин WordPress?
-
Как вспомнить все забытые Пароли и Логины?
-
Основные функциональные возможности Gutenberg 16.0
-
Как выбрать и настроить плагин для создания форума на сайте WordPress
- Переобход страниц в Яндексе: полезный инструмент для вебмастера
-
Улучшения в Gutenberg 16.0 для управления страницами в WordPress
- Сравнение плагинов SEO для WordPress: Yoast SEO, Универсальное SEO (AIOSEO), Rank Math
-
Как за 3-7 часов попасть в индекс к Яндексу?
- Производительность труда это простыми словами в производстве
- Irr это простыми словами что значит
А я было подумал что речь пойдет о том как повысить цену на продаваемые ссылки, невнимательно прочитал название поста ))
Ого, прикольно! А как Вы так пришли к этому?
посмотреть бы этот эффект в действии, а то у меня не работает.
Работать должен у всех! Что-то не так Вы делаете! Кэш чистили?
Привет, Денис!
Ты такими шагами шагаешь, что я за тобой не успеваю. Пока все на мелочах засела и сео заполняю, да заказы выполняю клиентов.Но ничего одолею все.
Пойду гляну, что за конкурс.
Привет, Свет!
Давно ты не заходила в гости, как сама?
А что у тебя там за заказы, если не секрет?
За мной гнаться не нужно, делай всю размеренно, поставь цели и иди к ним, а я подскажу если что!)
Конкурс интересный, надеюсь на твоё участие в нём!
Я мельком читаю статьи. Заказы по вышивке картин крестом и бисером и написание дипломов по психологии и педагогике.
Почему то все активные становятся к Новому году, как будто в течение года нельзя было все спланировать.
А я иду потихоньку, вот по твоим урокам сео сделала и в конкурсе по сео вошла в топ-3 гугла!!!!
Да ты рукодельница! Жена тоже из бисера плетёт!Поздравляю с победой! Значит статья принесла пользу!
Спасибо, Денис, за поздравления! Думаю, моя победа — это и твоя заслуга, если бы не стала изучать вплотную твой сайт, точно бы победы не было!
А рукодельница — да! Мне легче иглой картины вышивать, чем эти коды осваивать…
А работы твоей жены можно посмотреть?
Думаю, что это наша общая заслуга! Жена говорит, что позже! Она работы хранит вне дома. Сделает фотки, обязательно на почту тебе брошу!
Не робит. Давай другой скрипт …
Не знаю, как и что Вы там делаете, всё проверенно пять раз и всё работает! Может Вы кэш не чистите или у Вас браузер IE!
Денис, а где сам пример — дрожание ссылки? Или что то у меня не реагирует на ссылку?
Иван, пример не разместил, так как с тестовой страницей у меня возникли небольшие проблемы. В ближайшее время их решу и обязательно будут и примеры. Там ничего сложного нет, можно за пять минут реализовать на любом ресурсе и посмотреть (если, конечно, не лень).
Ничего сложного. Сделал. Не трясутся. Жду пример…
На двух сайтах делал, всё работает! Кэш чистили?
Денис, добрый вечер!Спасибо за статью. Но сама я пока повременю с такими ссылками. Хотелось бы посмотреть наглядный пример. Но вот прочитала, что Вы еще у себя не установили. Посмотрю, если понравится, тогда сделаю.
Добрый, Ирма!Всегда, пожалуйста! А что Вы меня то ждёт, давно бы попробовали, там делов на пять минут!
Скрипт интересный для прикола, но пользы от этого никакой, только лишний скрипт. Но на время поставить можно, попугать посетителей .
Так он и есть для привлечения посетителей!Кстати, если пофантазировать, можно найти очень интересное применение!
Мастер хаков снова в деле! =) Сегодня мой комментарий первый с конца, хотя на момент его одобрения он может быть уже и не первым.За скрипт спасибо, может быть и найдется ему применение в будущем!
Пожалуйста, Александр!Если включить фантазию, можно всё что хочешь в дело воспроизвести!
Хм, интересно) Только бесполезно думаю, разве что позабавить читателей
Можно позабавить, а можно к нужной ссылке прикрутить, по которой должны обязательно кликнуть!
Здравствуйте, Денис! У меня тоже, почему-то не получается заставить ссылку дрожать… Поставила код перед закр. тегом , кеш почистила. Не пойму в чем дело, может Вы подскажете? Может с темой конфликтует, я не особо разбираюсь в этом? Но мне очень нравятся ваши уроки, теперь практически не хожу на другие сайты, только к вам за новыми подсказками да штучками, типа этой.
А о каком конкурсе говорит Светлана, я бы с удовольствием поучаствовала, если это возможно? Моему сайту скоро год — Тиц Яндекс не дает, только PR Google 1 пожаловал. Замучилась с этим SEO продвижением…Вот ссылка на статью в которой пыталась установить испуганную ссылку: http:// lebeddeva.ru/lebedinyie-recepty-blyud/recept-zapechennogo-gusya/utka-po-pekinski
Асама ссылка, которая не хочет трястись «Все статьи сайта», в конце статьи.
Привет, Евгения!
А вы как копируете? Сразу с сайта вставляете в свой шаблон или в какой нибудь блокнот вставляете, а потом в свои файлы темы вставляете?
Обратите внимание на такую вещь — если после вставки кода в HTML-редакторе переключиться в Визуальный, то по возвращению половина кода сносит. Понаблюдайте за этим!
Здравствуйте, Денис! Я всегда коды прямо с сайта копировала, а оказывается надо через сохранение в блокноте… Опять для меня открытие, спасибо! Вставила код через блокнот, но это не помогло, ссылка не задрожала.
Затем пошла ко второму пункту. Да, я заметила что при сохранении тегов, которыми нужно обернуть ссылку, первый немного видоизменяется. Ваш оригинал:
,
а после переключения на текстовой режим у меня получилось:
.
Что нужно сделать??? чтобы тег оставался в первоначальном варианте.
Я это замечала раньше, но когда тег исчезал в режиме HTML просто оборачивала его таким образом: и тогда все оставалось на месте, а как поступить в нашем случае? Ведь тег не исчезает, просто его составляющие меняются местами.
Денис, благодарю Вас за внимательное отношение к каждому Вашему читателю и поздравляю Вас и всех гостей Вашего сайта с наступающим Новым 2013годом!
Приветствую Вас, Евгения!
Спасибо за поздравления, Вам тоже всего самого доброго в Новом году!
На счёт кода, нужно экспериментировать, я обычно сохраняюсь в HTML-редакторе и в визуальный больше не захожу.Код остаётся на месте и всё работает. А можно вообще отключить визуальный редактор навсегда, тогда он не будет ломать код.
Заинтриговало название поста! Наверное, положительно скажется данный эффект на повед. факторах.
Эффект прикольный, но пока мало кто его использует!
Не подскажите, как можно сделать задержку встряхивания периодом примерно 60 сек что бы она не встряхивалась ?
Поиграйтесь с цифрами, выставите большее значение!
не получается уже побывал (:
Тогда нужно скрипт писать новый иди модернизировать этот!
жалко я не понимаю в script мне не суждено может ты подскажешь где что прописать в нем ?
Извините, но тут мне больше нечего подсказать, если срочно нужен скрипт наймите фрилансера и он Вам его сделает!
Денис привет! Зашел к тебе за одной штукой а наткнулся на эту. Сделал все за минуты три, и все получилось с первого разу. Только одна проблемка: окружил ссылку в верхнем меню,(окружил в редакторе прямо в заголовке), И теперь при просмотре там появился широкий промежуток пустой — в итоге ссылка трясется, но промежуток портит все (( можно ли исправить?А теперь то за чем пришел — Денис, подскажи статью, как избавится от спам-комментариев в WordPresse? Одолели уже!
Алексей, рад что у Вас сразу всё срослось!
На счёт отступов, то я не вижу и не понимаю о чём речь!?
А статья у меня есть такая, через поиск поищите!
Спасибо за интересную статью! Очень полезно знать, как создать эффект содрогания ссылок на своем ресурсе. Буду ждать следующих статей с хаками, спецэффектами и анимациями для сайтов. Уже подписался на обновления блога, чтобы не пропустить новый материал.
Приветствую всех читателей блога 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=(parseIn