Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.12.2014, 01:31
Аватар для sashok
Новичок на форуме
Отправить личное сообщение для sashok Посмотреть профиль Найти все сообщения от sashok
 
Регистрация: 22.10.2013
Сообщений: 7

мигающий текст
Доброй ночи! подскажите как заставить текст мигать?
<p>Какой-то текст</p>

.........

подскажите в каком направлении мне рыть?
Ответить с цитированием
  #2 (permalink)  
Старый 10.12.2014, 01:43
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

<style>
p {   
  animation: blink 400ms alternate infinite;
}

@keyframes blink {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
</style>
<p>Какой-то текст</p>
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #3 (permalink)  
Старый 10.12.2014, 02:05
Аватар для sashok
Новичок на форуме
Отправить личное сообщение для sashok Посмотреть профиль Найти все сообщения от sashok
 
Регистрация: 22.10.2013
Сообщений: 7

danik.js,
Спасибо! Но я бы хотел это сделать на JS. Может подскажешь какую функцию?
Ответить с цитированием
  #4 (permalink)  
Старый 10.12.2014, 02:09
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

sashok,
setTimeout или animate
Появление и исчезновение картинки(объекта) через определенное время.
Ответить с цитированием
  #5 (permalink)  
Старый 10.12.2014, 02:26
Аватар для z700i
Аспирант
Отправить личное сообщение для z700i Посмотреть профиль Найти все сообщения от z700i
 
Регистрация: 15.10.2010
Сообщений: 77

<p id="blink">Some text</p>
<script>
    setInterval(function(){
        var a = document.getElementById('blink').style.opacity || 1;
        document.getElementById('blink').style.opacity = ((parseInt(a))?0:1);
    },1e3);
</script>

Последний раз редактировалось z700i, 10.12.2014 в 02:41.
Ответить с цитированием
  #6 (permalink)  
Старый 10.12.2014, 02:31
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Сообщение от z700i
((parseInt(a)===1)?0:1)
(a?0:1)
Ответить с цитированием
  #7 (permalink)  
Старый 10.12.2014, 02:40
Аватар для z700i
Аспирант
Отправить личное сообщение для z700i Посмотреть профиль Найти все сообщения от z700i
 
Регистрация: 15.10.2010
Сообщений: 77

Сообщение от рони Посмотреть сообщение
(a?0:1)
Умник
Не катит
Тут "document.getElementById('blink').style.opacit y" хранится строка, а "0"?0:1 -> 0
Ответить с цитированием
  #8 (permalink)  
Старый 10.12.2014, 02:41
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Сообщение от рони
((parseInt(a)===1)?0:1)
a = 1 - a;
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #9 (permalink)  
Старый 10.12.2014, 02:45
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

<p id="blink">Some text</p>
<script>
    setInterval(function(){
        blink.style.opacity = 1 - (blink.style.opacity || 1);
    },1e3);
</script>

__________________
В личку только с интересными предложениями
Ответить с цитированием
  #10 (permalink)  
Старый 10.12.2014, 02:49
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109


<p id="blink">Some text</p>
<script>
    setInterval(function(){
        blink.style.opacity ^= 1 ;
    },1e3);
</script>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
проблема со scroll Chrome Элементы интерфейса 2 21.10.2013 14:46
прогкрутка к якорям cOAPerator Общие вопросы Javascript 20 27.08.2013 03:30
нужно заставить одновременно работать слайдер и модальное окно обратной связи kvant355 Javascript под браузер 3 22.07.2013 16:34
Выравнять три дива в одной строке debugx (X)HTML/CSS 9 06.10.2011 12:03