Re[8]: [jQuery] Text Size - Веб программирование

При наведение мышкой на элемент, нужно его увеличить — но плавно.

... << RSDN@Home 1.2.0 alpha 4 rev. 1325>>

Здравствуйте, IntDex, Вы писали:

ID>При наведение мышкой на элемент, нужно его увеличить — но плавно.

Есть в примерах по .animate()

Здравствуйте, Lloyd, Вы писали:

L>Здравствуйте, IntDex, Вы писали:

ID>>При наведение мышкой на элемент, нужно его увеличить — но плавно.

L>Есть в примерах по .animate()

Аха конечно спасибо но в "упор" невижу.

Подскажите, как например для такого блока:

                                <div class="block_sale">
                                                                    <a href="#" id="link1">
                                        <span class="h1">Summersale</span>

                                        <span class="h4"><span>SALE!</span></span>
                                        <span class="h3">bis zu 50% reduziert</span>
                                    </a>
                                </div>

Плавно увеличить <span class="h4"><span>SALE!</span></span>, надпись SALE!

... << RSDN@Home 1.2.0 alpha 4 rev. 1325>>

Здравствуйте, IntDex, Вы писали:

ID>>>При наведение мышкой на элемент, нужно его увеличить — но плавно.

L>>Есть в примерах по .animate()

ID>Аха конечно спасибо но в "упор" невижу.

А оно там есть.

Здравствуйте, Lloyd, Вы писали:

L>Здравствуйте, IntDex, Вы писали:

ID>>>>При наведение мышкой на элемент, нужно его увеличить — но плавно.

L>>>Есть в примерах по .animate()

ID>>Аха конечно спасибо но в "упор" невижу.

L>А оно там есть.

Скопируй пожалуйста участок текста, где смотреть.

... << RSDN@Home 1.2.0 alpha 4 rev. 1325>>

Здравствуйте, Lloyd, Вы писали:

L>Здравствуйте, IntDex, Вы писали:

ID>>>>При наведение мышкой на элемент, нужно его увеличить — но плавно.

L>>>Есть в примерах по .animate()

ID>>Аха конечно спасибо но в "упор" невижу.

L>А оно там есть.

<script type="text/javascript">
$("a#link1").hover(function(){
  $("a#link1 span.h4").animate({ 
    width: "70%",
    fontSize: "62px",
  }, 300 );
});
</script>

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

... << RSDN@Home 1.2.0 alpha 4 rev. 1325>>

Здравствуйте, IntDex, Вы писали:

L>>А оно там есть.

ID>

ID><script type="text/javascript">
ID>$("a#link1").hover(function(){
ID>  $("a#link1 span.h4").animate({ 
ID>    width: "70%",
ID>    fontSize: "62px",
ID>  }, 300 );
ID>});
ID></script>
ID>

А говорил, что нет.

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

Ну так передай второй обработчик, к hover, который вернет нормальный размер текста эдементу.

Здравствуйте, Lloyd, Вы писали:

L>Здравствуйте, IntDex, Вы писали:

L>>>А оно там есть.

ID>>

ID>><script type="text/javascript">
ID>>$("a#link1").hover(function(){
ID>>  $("a#link1 span.h4").animate({ 
ID>>    width: "70%",
ID>>    fontSize: "62px",
ID>>  }, 300 );
ID>>});
ID>></script>
ID>>

L>А говорил, что нет.

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

L>Ну так передай второй обработчик, к hover, который вернет нормальный размер текста эдементу.

Как? Так?

<script type="text/javascript">
$("a#link1").hover(function(){
  $("a#link1 span.h4").animate({ 
    fontSize: "62px",
  }, 300 );
 $("a#link1 span.h4").animate({ 
    fontSize: "20px",
  }, 300 );
});
</script>

Оно даже развеселило. Дело в том, что я и JS 2 несовместимые вещи

... << RSDN@Home 1.2.0 alpha 4 rev. 1325>>

Здравствуйте, IntDex, Вы писали:

ID>Оно даже развеселило. Дело в том, что я и JS 2 несовместимые вещи

Не поверишь, но на hover тоже есть документация. Даже с примерами.

Здравствуйте, IntDex, Вы писали:

ID>Оно даже развеселило. Дело в том, что я и JS 2 несовместимые вещи

А вы уделите день-другой и разберитесь, прочитайте основы JS, потом основы jQuery (в сети куча статей и книг), оно потом 10 раз себя окупит в работе.

Здравствуйте, Lloyd, Вы писали:

L>Здравствуйте, IntDex, Вы писали:

ID>>Оно даже развеселило. Дело в том, что я и JS 2 несовместимые вещи

L>Не поверишь, но на hover тоже есть документация. Даже с примерами.

А подсказать сложно? Я по примеру сделал:

<script type="text/javascript">
$("a#link1").hover(function(){
  $("a#link1 span.h4").animate({ 
    fontSize: "62px",
  }
, 300 ),
$("a#link1 span.h4").animate({ 
    fontSize: "20px",
  }
, 0 )
});
</script>

Но результат ожидался немного другой...

... << RSDN@Home 1.2.0 alpha 4 rev. 1325>>

Здравствуйте, MozgC, Вы писали:

MC>Здравствуйте, IntDex, Вы писали:

ID>>Оно даже развеселило. Дело в том, что я и JS 2 несовместимые вещи

MC>А вы уделите день-другой и разберитесь, прочитайте основы JS, потом основы jQuery (в сети куча статей и книг), оно потом 10 раз себя окупит в работе.

Подскажите плиз?

... << RSDN@Home 1.2.0 alpha 4 rev. 1325>>

Здравствуйте, IntDex, Вы писали:

MC>>А вы уделите день-другой и разберитесь, прочитайте основы JS, потом основы jQuery (в сети куча статей и книг), оно потом 10 раз себя окупит в работе.
ID>Подскажите плиз?

По jQuery вот я недавно листал:
jQuery: Novice to Ninja
вроде неплохая книга.

Ну и дальше в гугл и на торрент-трекеры с запросами javascript и jQuery.

Здравствуйте, IntDex, Вы писали:

L>>Не поверишь, но на hover тоже есть документация. Даже с примерами.

ID>А подсказать сложно? Я по примеру сделал:

$(function() {
  $("a#link1").hover(
    function() {
      $("a#link1 span.h4").animate({ fontSize: "62px" }, 300);
    },
    function() {
      $("a#link1 span.h4").animate({ fontSize: "20px" }, 0);
    }
  );
});

Здравствуйте, IntDex, Вы писали:

ID>При наведение мышкой на элемент, нужно его увеличить — но плавно.

$("a#link1").hover(
function(){
      $("a#link1 span.h4").animate(
      { 
         fontSize: "62px",
      }, 300);
},
function(){
      $("a#link1 span.h4").animate(
      { 
         fontSize: "20px",
      }, 300);
}
);

... << RSDN@Home 1.2.0 alpha 4 rev. 1325>>

Здравствуйте, Lloyd, Вы писали:

L>Здравствуйте, IntDex, Вы писали:

L>>>Не поверишь, но на hover тоже есть документация. Даже с примерами.

ID>>А подсказать сложно? Я по примеру сделал:

L>

L>$(function() {
L>  $("a#link1").hover(
L>    function() {
L>      $("a#link1 span.h4").animate({ fontSize: "62px" }, 300);
L>    },
L>    function() {
L>      $("a#link1 span.h4").animate({ fontSize: "20px" }, 0);
L>    }
L>  );
L>});
L>

Спасибо сам решил вопрос

... << RSDN@Home 1.2.0 alpha 4 rev. 1325>>

ID>>>Оно даже развеселило. Дело в том, что я и JS 2 несовместимые вещи

MC>>А вы уделите день-другой и разберитесь, прочитайте основы JS, потом основы jQuery (в сети куча статей и книг), оно потом 10 раз себя окупит в работе.

ID>Подскажите плиз?

По jQuery достаточно мою же, пусть и слегка устаревшую, статью: http://rsdn.ru/article/inet/jQuery.xml

	От:	IntDex
	Дата:	20.09.10 17:08
	Оценка:

	От:	Lloyd
	Дата:	20.09.10 17:17
	Оценка:

	От:	IntDex
	Дата:	20.09.10 17:33
	Оценка:

	От:	Lloyd
	Дата:	20.09.10 17:46
	Оценка:

	От:	IntDex
	Дата:	20.09.10 17:54
	Оценка:

От:	MozgC	http://nightcoder.livejournal.com
Дата:	20.09.10 19:21
Оценка:

От:	Mamut	http://dmitriid.com
Дата:	21.09.10 12:26
Оценка: