X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Как сделать что бы ссылка мигала?
airman
airman
Topic Starter сообщение 25.1.2015, 15:49; Ответить: airman
Сообщение #1


Подскажите, как сделать что бы ссылка как бы мигала одним цветом, чет я не в курсе. Не разными цветами переливалась а именно один мигала.


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Aman_sf
Aman_sf
сообщение 25.1.2015, 16:53; Ответить: Aman_sf
Сообщение #2


Можно было бы блинк, но он осуждается и сейчас не поддерживается новыми браузерами, принято делать через анимацию, и выравнивать через css.
Можно сделать вот так: _jsfiddle.net/EU2JA/
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
airman
airman
Topic Starter сообщение 25.1.2015, 17:34; Ответить: airman
Сообщение #3


(Aman)
Можно было бы блинк

ага, он не работает щя


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
сообщение 25.1.2015, 18:22; Ответить: k0ttee
Сообщение #4


Раньше блинк был прямо в HTML, теперь есть только в CSS. Еще можно сделать на JS.
Лучше конечно же на CSS, но блинк может быть выпилен даже из него так же как из html...

Через js'ный toggle точно будет работать. Кодъ:
//мигалка
$("#blinkingText").hide();
setTimeout(function(){$("#blinkingText").show();setInterval(function(){$("#blinkingText").toggle();},500)},3000);
}
);

Элементу c ай-ди blinkingText будет мигание.
Чтобы вместо ай-ди прицепить к классу - заменяем решетку точкой.
Цифры 500 и 3000 настраиваем на свой вкус (вернее глаз) научным тыком.


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
airman
airman
Topic Starter сообщение 25.1.2015, 19:22; Ответить: airman
Сообщение #5


k0ttee, как эта запись должна выглядеть в css, напиши плиз, не охота методом тыка возится))


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
сообщение 25.1.2015, 19:50; Ответить: k0ttee
Сообщение #6


как эта запись должна выглядеть в css

Это JS, а не CSS

Или вставить запись в любой JS-файл
Или создать новый JS-файл, да подключить его к странице
Или прямо в страницу, обрамляя в <script>тут код</script>

ID мигающих ссылок написать вместо #blinkingText
Или класс, но тогда # заменить на .


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Siege_mw
Siege_mw
сообщение 25.1.2015, 20:09; Ответить: Siege_mw
Сообщение #7


css можно попробовать так
#blink {
  -webkit-animation: blink 2s linear infinite;
  animation: blink 2s linear infinite;
}
@-webkit-keyframes blink {
  50% { color: rgb(34, 34, 34); }
  51% { color: rgba(34, 34, 34, 0); }
  100% { color: rgba(34, 34, 34, 0); }
}
@keyframes blink {
  50% { color: rgb(34, 34, 34); }
  51% { color: rgba(34, 34, 34, 0); }
  100% { color: rgba(34, 34, 34, 0); }
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
melrok
melrok
сообщение 25.1.2015, 20:10; Ответить: melrok
Сообщение #8


делаешь картинку в формате gif и ставишь как анимационный баннер :D
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
airman
airman
Topic Starter сообщение 25.1.2015, 20:32; Ответить: airman
Сообщение #9


Pixsel, я про этот вариант думал)))

Добавлено спустя 2 минуты 19 секунд:
Siege, это, на что дал ссылку Aman :)


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
shaddad_mw
shaddad_mw
сообщение 10.2.2015, 2:42; Ответить: shaddad_mw
Сообщение #10


http://jsfiddle.net/3r4sbcx6/1/

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Во что сегодня инвестировать?
Делимся своими приносящими прибыль вариантами
73 traveliver 4849 Вчера, 14:45
автор: spomoni
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
11 Boymaster 1793 17.4.2024, 23:35
автор: Boymaster
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
29 freeax 4806 17.4.2024, 1:19
автор: sergio11
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
148 adw-kupon.ru 19703 8.4.2024, 10:37
автор: Skyworker
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
18 uahomka 3094 5.4.2024, 5:53
автор: Skyworker


 



RSS Текстовая версия Сейчас: 19.4.2024, 4:26
Дизайн