jQuery animate () - PullRequest
Новая
       5

jQuery animate ()

0 голосов
/ 02 октября 2010 
function toggle() 
    {
    $("#Layer4").animate( { width:"20%"}, 1000 );
    $("#Layer6").animate( { width:"20%"}, 1000 );
    }

Теперь происходит то, что Layer4 и Layer6 свидетельствуют о некоторой анимации, но интересно, что высота меняется, а не ширина.

Также через секунду исходные размеры восстанавливаются.

Почему это происходит?

- 

<body onload="open()">
  <div id="Layer4">
    <img src="friend-line.jpg" width="243" height="380" />
  </div>
  <div id="Layer5" onClick="toggle()">
    <img src="toggle_in.jpg" width="7" height="50" />
  </div>
  <div id="Layer6"></div>
</body>

Ответы [ 3 ]

0 голосов
/ 04 октября 2010

Вы не можете уменьшить размер div меньше, чем тег img. Если вам нужно такое поведение, вам нужно заменить тег img стилем фонового изображения.

0 голосов
/ 13 ноября 2011

Попробуйте изменить размеры изображений вместо их контейнеров ... 

$('#Layer4 img').animate( { width:'20%'}, 1000 );
$('#Layer6 img').animate( { width:'20%'}, 1000 );

И даже лучше, используйте пиксели вместо процентов, как уже предлагалось.

0 голосов
/ 02 октября 2010

Я не верю, что вы будете иметь постоянные результаты, используя%. Попробуйте вместо этого использовать пиксели. Если вы должны использовать%, убедитесь, что у вас нет окружающего div, ширина которого также указана в%. Я думаю, что это так.

...