spring555
-
Posts
7 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by spring555
-
Решаю следующую задачу. при наведении мышки на изображение увеличивать ,при отводе ее уменьшать Делала обычным способом,но картинку дёргается.что делать? и еще как сделать чтобы при смене увела мышку и навела изображение сразу изменялось,на данной момент пока изображение не станет исходным он не увеличивается. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Удаляющееся изображение</title> <script> var idtime var d=document function maxi() { var w=d.mypict.width var h=d.mypict.height if (w<300) { d.mypict.width=w+2 d.mypict.height=h+2 idtime=setTimeout("maxi()",100) } } function mini() { var w=d.mypict.width var h=d.mypict.height if(w >150) { d.mypict.width=w-2 d.mypict.height=h-2 setTimeout("mini()",100) } } </script> </head> <body> <IMG src="животные.jpg" name=mypict onMouseOver="maxi()" onMouseOut="mini()" width="150" height="112"> </body> </html>
-
я вынесла переменную в глобальные всё получилось,спасибо большое function animate() { var cmd="animate()" d.animation.src = theImages[imageNum].src imageNum++ if(imageNum >3) { imageNum = 1 } idTime=setTimeout('animate()', delay); } function stoped() { clearTimeout(idTime) }
-
Просто как только я не вертела idTime чтобы выполнить функцию clearTimeout ничего путнего не вышло а если я функцию не много изменю таким образом, как условие if описать чтобы смысл был такой if(кнопку стоп нажали) то остановить function animate() { var idTime=setTimeout('animate', delay) if(myform.stop1.onclick==false) { alert('анимация приостоновлена') clearTimeout(idTime) } else { d.animation.src = theImages[imageNum].src imageNum++ if(imageNum >3) { imageNum = 1 } setTimeout('animate()', delay); } } кнопка старт переписана таким образом <input type="button" name="start" value="старт" onClick=" animate()" />
-
как сделать чтобы кнопка stop работала?
-
Не поняла момент по поводу поиска по id,кнопка старт работает,конечно способ у меня не лучший,но работает.стоп по прежнему не правильно( Не могу разобраться как написать условие "если кнопка стоп нажата",вот такая конструкция if(d.myform.stop1.click){} не работает,видимо не правильно применяю <script> var delay = 1000 var imageNum = 1 var d=document // Предварительная загрузка изображений анимации var theImages = [] for(i = 1; i <=3; i++) { theImages[i] = new Image() theImages[i].src = "img" + i + ".jpg" } function animate() { d.animation.src = theImages[imageNum].src imageNum++ if(imageNum >3) { imageNum = 1 } setTimeout('animate()', delay); } function stoped() { var id=setTimeout('animate', delay) clearTimeout(id) } </SCRIPT> <BODY > <IMG NAME="animation" SRC="img1.jpg" > <FORM name="myform"> <input type="button" name="start" value="старт" onClick=" setTimeout('animate()', delay)" /> <INPUT TYPE="button" Value="stop" name="stop1" onClick="stoped()" / > </FORM> </BODY> </html>
-
я ведь и не скрываю что я начинающий,но что мне делать с программой?что не так?допустим поправки я внесла от этого программа лучше работать не стала.(((
-
Мне требовалось сделать анимацию из трёх изображений,как я поняла их надо просто крутить по циклу. По мимо этого анимация должна работать когда нажму на кнопку старт,когда нажимаю на стоп останавливаться. На javascript пишу буквально день,опыта никакого. Изображения в программе меняются сразу после загрузки страницы,тоесть не по нажатию старт,стоп тоже не работает,объясните пожалуйста как сделать чтобы толлько при нажатии на старт изображения менялись,а при нажатии стоп останавливались. <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> </head> <script> var delay = 1000 var imageNum = 1 var d=document // Предварительная загрузка изображений анимации var theImages = new Array() for(i = 1; i <=3; i++) { theImages[i] = new Image() theImages[i].src = "img" + i + ".jpg" } function animate() { d.animation.src = theImages[imageNum].src imageNum++ if(imageNum >3) { imageNum = 1 } } var idTimer=setTimeout('animate()', delay)//для остановки таймера </SCRIPT> <BODY BGCOLOR="white"> <IMG NAME="animation" SRC="img1.jpg" onload=" setTimeout('animate()', delay)" > <FORM name="myform"> <input type="button" name="start" value="старт" /> <INPUT TYPE="button" Value="stop" name="stop1" onclick="clearTimeout(idTimer)" > <INPUT TYPE="button" Value="Faster" onClick="faster()"> </FORM> </BODY> </html>