Прыгающий текст или фраза
Если Вы хотите, чтобы посетители Вашей странички обратили внимание на какой-либо текст (или ссылку), то не обязательно выделять его жирным или делать крупнее. Достаточно добавить немного движения (в нашем случае подпрыгивания), и посетитель обязательно его заметит.
Для того чтобы понять, о каком эффекте прыгающего текста идет речь, обратите свое внимание на подпрыгивающую ниже фразу.
Прыгающий текст или фраза
Чтобы получить на своем сайте эффект подпрыгивания для текста, как и на данной страничке, воспользуйтесь JavaScript кодом, представленным ниже:
<script type="text/javascript">
var amplitude = 90;
var left_pos = "200px";
var top_pos = 0;
var pi = Math.PI;
var inc = pi/40;
var position = 0;
function prig() {
position += inc;
if (position>= pi) position = 0;
obj.style.left = left_pos;
obj.style.top = top_pos - (amplitude * Math.sin(position)) + "px";
setTimeout("prig()", 60);
}
</script>
Данный JavaScript код необходимо поместить в начало Вашей странички. Затем необходимо добавить блок, содержащий текст или фразу, к которому мы будем применять эффект подпрыгивания. Делается это следующим образом:
<div id="obj" style="position: relative;">
Прыгающий текст или фраза
</div>
Далее остается только запустить скрипт для начала движения блока следующим образом:
<script type="text/javascript">
var obj = document.getElementById("obj");
prig();
</script>
Если Вы все сделали правильно, то у Вас должна получиться точно такая же подпрыгивающая фраза, как и в примере работы скрипта подпрыгивающего текста на данной страничке.
Подобный прыгающий текст или фраза сразу бросаются в глаза и привлекают внимание посетителей, но не стоит переусердствовать с использованием данного приема, т.к. некоторых Ваших посетителей обилие движущихся элементов может только раздражать.
Перед публикацией все комментарии проходят обязательную модерацию!
Если Вы хотите задать какой-либо вопрос, то сделайте это на нашем форуме.
Таким образом, Вы сможете быстрее получить ответ на интересующий Вас вопрос.