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

HTML+CSS+JavaScript

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

 

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

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Как медленно развернуть скрытый текст

Сообщения:  [1-10]   [11-15] 

 
 автор: trix   (20.11.2009 в 12:34)   письмо автору
 
   для: GeorgeIV   (19.11.2009 в 18:20)
 

Ага, спасибо вроде уже похоже на что-то :)

  Ответить  
 
 автор: sim5   (20.11.2009 в 02:06)   письмо автору
 
   для: flaers   (19.11.2009 в 22:14)
 

Естественно, только нужно воспользоваться CSS, чтобы все аккуратнее было.

  Ответить  
 
 автор: flaers   (19.11.2009 в 22:14)   письмо автору
 
   для: sim5   (19.11.2009 в 18:03)
 

случайно 2 раза отправил

  Ответить  
 
 автор: flaers   (19.11.2009 в 22:14)   письмо автору
 
   для: sim5   (19.11.2009 в 18:03)
 

что выезжало вместе с текстом надо в стиле задать атрибут overflow:hidden; и всё нормально будет

  Ответить  
 
 автор: GeorgeIV   (19.11.2009 в 18:20)   письмо автору
 
   для: trix   (19.11.2009 в 17:36)
 

броузер какой?

  Ответить  
 
 автор: sim5   (19.11.2009 в 18:03)   письмо автору
 
   для: trix   (19.11.2009 в 17:36)
 

<script>
var T; 
var counter=0; 
function look(type){ 
  var param=document.getElementById(type); 
  if(counter == 200) {
    clearTimeout (T); counter=0;
  } else { 
     param.style.display = "block";        
     param.style.border = "solid 1px";  
     param.style.height = counter++;  
     T = setTimeout("look('"+type+"')",10); 
  } 

</script>

Имя вызываемой функции в таймере нужно заключать в кавычки, а id элемента, это тоже строка, значит и ее. Вам ведь браузер выдает ошибку на это, что же вы не смотрите.

РS. Только у вас не текст будет медленно открываться в данном случае, он сразу появится, а рамка с бордюром. Но для примера сойдет.

  Ответить  
 
 автор: trix   (19.11.2009 в 17:36)   письмо автору
 
   для: sim5   (19.11.2009 в 16:04)
 

Вот попробовал сам код соорудить, но что-то не так отказывается работать, в теории рекурсия должна функции вызывать, пока четчик не достиг 200, а по факту вызывается только 1 раз :( Что тут не так понять не могу!



<script>
var T;
var counter=0;
function look(type){
var param=document.getElementById(type);

  if(counter < 200)
  {
     param.style.display = "block";       
     param.style.border = "solid 1px"; 
     param.style.height = counter++; 

    T =    setTimeout(look(param),10);
      
  }
  else{ clearTimeout (T); counter=0;}
  
}

</script>
 
<span onmouseover="look('div1');">Увидить текст</span>
<div id="div1" style="display:none;">
Скрытый текст
</div>

  Ответить  
 
 автор: sim5   (19.11.2009 в 16:04)   письмо автору
 
   для: trix   (19.11.2009 в 15:54)
 

Ну в query не только прозрачность, в ней много эффектов. Для вас как раз подойдет эффект toggle, он и раскрывает и закрывает с указанной скоростью.

  Ответить  
 
 автор: jangot   (19.11.2009 в 15:56)   письмо автору
 
   для: trix   (19.11.2009 в 15:54)
 

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

  Ответить  
 
 автор: trix   (19.11.2009 в 15:54)   письмо автору
 
   для: jangot   (19.11.2009 в 15:50)
 

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

  Ответить  

Сообщения:  [1-10]   [11-15] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

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