Плавное изменение шрифта


Напишу отдельным постом про плавное изменение шрифта на jQuery

Ранее, я уже упоминал про функцию animate. Вот с помощью нее мы и реализуем нашу задачу.

Для начала, как всегда, подключаем jQuery

<script language="JavaScript1.2" src="jquery.js" type="text/javascript"></script>

Сам скрипт

<script type="text/javascript">
$(document).ready(function(){
$(".tags").hover(  //
function(){
$(this).animate( { fontSize:"1.5em" } , 300 );},
function(){
$(this).animate( { fontSize:"1em" } , 200 );}
);
});
</script>

И, например, ссылки с класом tags

<a  href="#" class="tags" >Font size</a>
<a  href="#" class="tags" >jQuery</a>
<a  href="#" class="tags" >Animate</a>

Смотрим пример изменения шрифта.

Ну, вот, собственно, и все!Теперь при наведении мишкой на слово с класом tags будет выполняться наш скрипт!

, ,

1 Star2 Stars3 Stars4 Stars5 Stars (голосов 1, в среднем: 1.00 из 5)
Loading ... Loading ...



  1. Нет комментариев, пока!.
(will not be published)

Spam Protection by WP-SpamFree

  1. No trackbacks.