Otomatik Arka Plan Renk Değiştirmesi

02-03-2014, 13:57:17

Merhaba arkadaşlar

Birtane bildiri CSS'em var ve bunun arkaplanının otomatik renk değiştirmesini istiyorum
epey araştırdım ama bulamadım yardımcı olursanız sevinirim

iyi günler /kolay gelsin

02-03-2014, 20:28:31

#2

AsiRuh

edward adlı üyeden alıntı: mesajı görüntüle

Merhaba arkadaşlar

Birtane bildiri CSS'em var ve bunun arkaplanının otomatik renk değiştirmesini istiyorum
epey araştırdım ama bulamadım yardımcı olursanız sevinirim

iyi günler /kolay gelsin

Buyrun hocam kodları inceleyin kolay gelsin.

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body id="autocolor">
<script type="text/javascript">
(function(){
	var hexacode = ['#ff0000', '#00ff00', '#0000ff', '#ffffff','#ffff00'],
	el = document.getElementById('autocolor').style,
	counter = -1,
	hexalen = hexacode.length;
	function auto(){
		el.backgroundColor = hexacode[counter = ++counter % hexalen];
	}
	setInterval(auto, 1000);
})();
</script>

</body>
</html>

02-03-2014, 21:28:07

#3

edward

AsiRuh adlı üyeden alıntı: mesajı görüntüle

Buyrun hocam kodları inceleyin kolay gelsin.

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body id="autocolor">
<script type="text/javascript">
(function(){
	var hexacode = ['#ff0000', '#00ff00', '#0000ff', '#ffffff','#ffff00'],
	el = document.getElementById('autocolor').style,
	counter = -1,
	hexalen = hexacode.length;
	function auto(){
		el.backgroundColor = hexacode[counter = ++counter % hexalen];
	}
	setInterval(auto, 1000);
})();
</script>

</body>
</html>

Teşekkür Ederim Hocam. Birşey soracağım renge göre yazı rengi belirleye bilme imkanımız varmı acaba

02-03-2014, 21:37:05

#4

AsiRuh

edward adlı üyeden alıntı: mesajı görüntüle

Teşekkür Ederim Hocam. Birşey soracağım renge göre yazı rengi belirleye bilme imkanımız varmı acaba

Buyrun hocam;

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body id="autocolor">
<h1>Yazıı testttt</h1>
<script type="text/javascript">
(function() {
    var s = document.getElementById('autocolor').style,
        f = false,
        c1 = '#000000',
        c2 = '#ffffff';

    setInterval(function() {
        s.backgroundColor = f ? c1 : c2;
        s.color = f ? c2 : c1;
        f = !f;
    }, 500);
})();
</script>
</body>
</html>