Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: По клику скрыть часть блока
 
 автор: OLi   (01.05.2012 в 02:33)   письмо автору
 
 

Как сделать, чтобы по клику блок плавно скрылся на 95%

  Ответить  
 
 автор: confirm   (01.05.2012 в 10:02)   письмо автору
 
   для: OLi   (01.05.2012 в 02:33)
 

Примите за правило - задавая вопрос, поясняйте:
1) скрывать чем, JS или jquery? В ваших примерах почти везде фигурирует jquery, а вот вопросы ваши всегда в пустоту, когда не содержат примеров. На вопрос же к вам об уточнении, с вашей стороны реакции ноль.
2) скрывался как - ширина, высота, диагональ?
3) и т.д. и т.п. чего хотите?
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type="text/javascript">
$(function(){
  $("#ob").click(function(){
     $(this).animate({width:'5%'},400);
  })
});    
</script>    
<div id="ob" style="width:200px;height:60px;background:#f00;"></div>

  Ответить  
 
 автор: OLi   (04.05.2012 в 01:39)   письмо автору
 
   для: confirm   (01.05.2012 в 10:02)
 

у меня блок div имеет в себе картинку, я пытаюсь скрыть блок до 10px со всем содержимым, скрывает, но после автоматом картинка в размерах растягивает блок до первоначальных размеров.
$('#banner_top').animate(
            {"height": "10px"},
            "slow");

  Ответить  
 
 автор: confirm   (04.05.2012 в 02:02)   письмо автору
 
   для: OLi   (04.05.2012 в 01:39)
 

А вы по щелчку ("#banner_top img") выполните эту анимацию. Что наблюдается?
Изображение при такой анимации будет изменяться и по ширине. Но собственно это не главное, главное то, что вам jquery никак не "отпилит" изображение, а только сожмет его по высоте, что не очень то красиво будет выглядеть. А вот так:
$(function(){
   $('#banner_top').click(function(){
      $(this).animate( 
         {height: "10px"}, 
         "slow");     
   });
});    
</script>
<div id="banner_top" 
style="width:200px;height:200px;background:url(image.jpg);">
</div>
получится нужное.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования