плавное увеличение картинки при наведении мыши

Xque · July 9, 2010

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

<html>

<head>

function Uvel(img) {

if (img.offsetHeight < 200) {

img.style.height = (img.offsetHeight + 1) + 'px';

img.style.width = (img.offsetWidth + 2) + 'px';

setTimeout (function(){Uvel(img)},1);

}}

function Umen(img) {

if (img.offsetHeight > 100) {

img.style.height = (img.offsetHeight - 2) + 'px';

img.style.width = (img.offsetWidth - 4) + 'px';

setTimeout (function(){Umen(img)},1);

}}

</script>

</head>

<img id="ssd" src="logo.jpg" width="100" onmouseover="Uvel(this)"

onmouseout="Umen(this)">

</center>

</body>

</html>

Проблема в том, что уменьшаться картинка будет только тогда, когда до этого предварительно увеличится до максисмума (в условии img.offsetHeight < 200). А нужно, чтобы при потере фокуса картинка сразу начинала меньшаться до первоначального состояния. Спасибо за помощь.

Veseloff · July 11, 2010

Сколько денег?

Sign In

плавное увеличение картинки при наведении мыши

Recommended Posts

Xque

Link to comment

Share on other sites

Veseloff

Link to comment

Share on other sites

Обсуждения

Forums

Important Information