CSS и JavaScript кнопка изменяющая фон - JavaScript, Ajax

Ast · 19.12.2011, 09:58

Используя CSS и JavaScript сделать кнопку изменяющую фон при наведении мыши на светлый, и при клике на более темный. После клика через 1 секунду кнопка должна начать исчезать и через 2 секунды полностью исчезнуть.
заранее спасибо

invizor · 19.12.2011, 13:19

Про "начинает изчезать через секунду а полностью изчезает через две" не понял- плавность изчезания что-ли нужна- можно width например менять. Сделал чтобы изчезало сразу, ну и затемнение естественно, цвета какие нужно поставишь.Вот код:
1.js

Код:

function dark() {document.bgColor="404040";}
function normal() {document.bgColor="909090";}
function light() {document.bgColor="FFFFFF";}
function timer() {var timer1= window.setTimeout('document.getElementById("b1").style.visibility="hidden";', 2000);}

1.html

Код:

<script language="javascript" src="1.js"></script>
<body onLoad="normal();">
<input type="button" id="b1" onClick="timer();dark();" onMouseMove="light();">
</body>

19.12.2011, 09:58	#1
Ast Форумчанин Регистрация: 06.12.2010 Сообщений: 117	CSS и JavaScript кнопка изменяющая фон Используя CSS и JavaScript сделать кнопку изменяющую фон при наведении мыши на светлый, и при клике на более темный. После клика через 1 секунду кнопка должна начать исчезать и через 2 секунды полностью исчезнуть. заранее спасибо

19.12.2011, 13:19	#2
invizor Пользователь Регистрация: 15.11.2010 Сообщений: 53	Про "начинает изчезать через секунду а полностью изчезает через две" не понял- плавность изчезания что-ли нужна- можно width например менять. Сделал чтобы изчезало сразу, ну и затемнение естественно, цвета какие нужно поставишь.Вот код: 1.js Код: `function dark() {document.bgColor="404040";} function normal() {document.bgColor="909090";} function light() {document.bgColor="FFFFFF";} function timer() {var timer1= window.setTimeout('document.getElementById("b1").style.visibility="hidden";', 2000);}` 1.html Код: `<script language="javascript" src="1.js"></script> <body onLoad="normal();"> <input type="button" id="b1" onClick="timer();dark();" onMouseMove="light();"> </body>` Герои меча и магии собственного производства http://invizor007.000webhostapp.com/...1/hi_v1_3a.rar Личный сайт http://invizor007.000webhostapp.com/

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
css задний фон не отображаеться	nikita33321	HTML и CSS	4	28.09.2010 22:14
Как расятнуть фон на стрнице? (css)	Сергей1317	HTML и CSS	2	18.09.2010 18:43
Активная кнопка через CSS, возможно ли?	OZ-Style	HTML и CSS	11	20.04.2010 18:30
Фон с css	Maxx	HTML и CSS	12	14.01.2010 11:54
Фон с Css	Shahmatist	HTML и CSS	9	16.10.2009 22:06