< Layer > :)

Largito

Registered
Здравейте,
почти никога не ми се е налагало да искам чужда помощ, но ето, че има първи път. :o :(
Имам една задачка, която всъщност е мой приятел... Както и да е, да мина направо към нея.
Да се създаде слой със следните характеристики:
- име на слоя - "Layer1"
- цвят на фона - жълт
- съдържание на слоя - yellow layer
- височина/широчина 150 px
Под слоя да се включат два командни бутона - Start & Stop.
При натискане на "Старт" през 2 секунди да започне смяна на фона на слоя, на цвета на текста и на самия текст, както следва:
Цвят на фона / Цвят на текста / Съдържание на слоя:
жълт / черен / yellow layer
зелен / син / green layer
черен / бял / black layer
син / зелен / blue layer

P.S. Понеже до сега не ми се е налагало използване на леъри и въобще не знам за какво става въпрос. Разгледах статийки за самите леъри и може би с първата част ще мога да се справя, но за командните бутони какво да използвам?
Благодаря предварително на отзовалия/те се! :?:
 
Аз лично не виждам Layer таг.Ако искаш мога да ти напиша кода,който ти трябва но вместо layer да използвам div?
 
FestarBG каза:
Аз лично не виждам Layer таг.Ако искаш мога да ти напиша кода,който ти трябва но вместо layer да използвам div?
Да, точно това ми трябва! :)
 
Код:
<html>
<head>
<script>
var t;
function ch_it(str) {
var src = document.getElementById("Layer1")
var fon = new Array("yellow","green","black","blue")
var color = new Array("black","blue","white","green")
var content = new Array("Yellow Layer","Green Layer","Black Layer","Blue Layer")
var f = src.style.color;
if(str == "1")
{
if(f == "black") {
num = 1
} else if(f == "blue") {
num = 2
} else if(f == "white") {
num = 3
}
else if(f == "green") {
num = 0
}
src.style.color = color[num]
src.style.background = fon[num]
src.innerHTML = content[num]
clearTimeout(t)
t = setTimeout("ch_it('1')", 2000)
}
else { 
stops()
}
}
function stops() {
clearTimeout(t)
}
</script>
<body>
<div id="Layer1" style="background: yellow; width: 150px; height: 150px; margin-bottom: 10px; color: black;">Yellow Layer</div>
<input type="button" onclick="ch_it('1')" value="Start">
<input type="button" onclick="ch_it('2')" value="Stop">
</body>
</html>
 

Back
Горе