Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
[Table]Данный скрипт позволяет мигать любые элементы сайта. Очень удобно использовать для уведомления о новых сообщениях. Особенность данного скрипта в том, что мигание прекращается при наведении курсора мышки на мигающий элемент и вновь запускается пр отведении курсора [/Table] [Table]Установка: [/Table] [Table]Элемент, которому необходимо применить мигание, прописывается следующим образом [/Table]
Code
<div id='foo'> То, что будет мигать </div>
[Table]Здесь у нас foo - уникальный ID, который должен быть разным для различных элементов [/Table] [Table]Далее сразу после нашего элемента вставляем: [/Table]
Code
<script type='text/javascript'> function startAnim(element, time) { element.animTimer = setInterval(function () { if (element.style.display == "none") element.style.display = ""; else element.style.display = "none"; }, time); } function stopAnim(element) { clearInterval(element.animTimer); } startAnim(document.getElementById("foo"), 500); document.getElementById("foo").onmouseover = function () { stopAnim(this); }; document.getElementById("foo").onmouseout = function () { startAnim(this, 500); }; </script>
Сообщение отредактировал Clark - Вторник, 24.05.2011, 04:21:33
[Table]Данный скрипт позволяет мигать любые элементы сайта. Очень удобно использовать для уведомления о новых сообщениях. Особенность данного скрипта в том, что мигание прекращается при наведении курсора мышки на мигающий элемент и вновь запускается пр отведении курсора [/Table] [Table]Установка: [/Table] [Table]Элемент, которому необходимо применить мигание, прописывается следующим образом [/Table]
Code
<div id='foo'> То, что будет мигать </div>
[Table]Здесь у нас foo - уникальный ID, который должен быть разным для различных элементов [/Table] [Table]Далее сразу после нашего элемента вставляем: [/Table]
Code
<script type='text/javascript'> function startAnim(element, time) { element.animTimer = setInterval(function () { if (element.style.display == "none") element.style.display = ""; else element.style.display = "none"; }, time); } function stopAnim(element) { clearInterval(element.animTimer); } startAnim(document.getElementById("foo"), 500); document.getElementById("foo").onmouseover = function () { stopAnim(this); }; document.getElementById("foo").onmouseout = function () { startAnim(this, 500); }; </script>
