Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Мигание фона в IE / 4 сообщений из 4, страница 1 из 1
21.06.2016, 12:30
    #39259534
VIT2708_
VIT2708_
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Мигание фона в IE
Подскажите как доделать код что бы фон div мигал и в Internet Explorer?

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
var $el = $("#ID"),
                    x = 400,
                    originalColor = $el.css("background"),
                    i = 2; //counter

                    (function loop() { 

                        $el.css("background", "#FFD7D7");
                        setTimeout(function () {
                            $el.css("background", originalColor);
                            if (--i) setTimeout(loop, x); 
                        }, x);
                    } ());



Спасибо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.06.2016, 13:47
    #39259606
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Мигание фона в IE
VIT2708_Подскажите как доделать код что бы фон div мигал и в Internet Explorer?
Как вариант...
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
#test {
	width: 100px;
	height: 100px;
}
</style>
<script type='text/javascript'>
$(function(){
	var o=$('#test');
	var clr=o.css('background-color');
	var count=2;
	var tmo=400;
	setTimeout(function clrOn(){
		o.css('background-color','#FFD7D7');
		setTimeout(function(){
			o.css('background-color',clr);
			if (--count!=0) {
				setTimeout(clrOn,tmo);
			};
		},tmo);
	},tmo);
})();
</script>
</head>
<body>
<div id='test'></div>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.06.2016, 09:45
    #39260130
cdmlex
cdmlex
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Мигание фона в IE
я бы вот так сделал:
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
	var $el = $("#ID");
	var originalColor = $el.css("background-color");
	$el.css("background", "#FFD7D7");
	var newColor = $el.css("background-color");
	function update() {
		$el.css("background", ($el.css("background-color") == newColor ? originalColor : newColor) );
	}	
	setInterval(update, 400);



Полный код страницы:
 

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<style type='text/css'>
#ID {
	width: 100px;
	height: 100px;
	background-color: #D7FFD7;
}
</style>
<script type='text/javascript'>
function init() {
	var $el = $("#ID");
	var originalColor = $el.css("background-color");
	$el.css("background", "#FFD7D7");
	var newColor = $el.css("background-color");
	function update() {
		$el.css("background", ($el.css("background-color") == newColor ? originalColor : newColor) );
	}	
	setInterval(update, 400); 
}
</script>
</head>
<body onload='init()'>
<div id='ID'></div>
</body>
</html>


...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.06.2016, 10:31
    #39260164
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Мигание фона в IE
cdmlexя бы вот так сделал
Фон должен мигать определенное количество раз, а не всегда...
А так - да, есть много способов ободрать кошку.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Мигание фона в IE / 4 сообщений из 4, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]