Плавное увеличение изображения при наведении курсора и аналогично уменьшение

spring555 · October 20, 2011

Решаю следующую задачу.

при наведении мышки на изображение увеличивать ,при отводе ее уменьшать

Делала обычным способом,но картинку дёргается.что делать?

и еще как сделать чтобы при смене увела мышку и навела изображение сразу изменялось,на данной момент пока изображение не станет исходным он не увеличивается.

<!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>

Edited October 20, 2011 by spring555

Great Rash · October 21, 2011

http://javascript.ru/blog/Andrej-Paranichev/Osnovy-programmnoj-animacii-JavaScript

Sign In

Плавное увеличение изображения при наведении курсора и аналогично уменьшение

Question

spring555

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Great Rash

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information