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

   <script type="text/javascript">

   $(document).ready(function() {

$("#topnav li").prepend("<span></span>"); //Вставляем пустой тег <span> до каждого элемента списка.

$("#topnav li").each(function() { //Для каждого элемента списка...

var linkText = $(this).find("a").html(); //Находим текст внутри тега

$(this).find("span").show().html(linkText); //Добавляем текст в тег <span>

});   

$("#topnav li").hover(function() { //При наведении мыши

$(this).find("span").stop().animate({   

marginTop: "-40" //Находим тег <span> и перемещаем его вверх на 40px

}, 250);

} , function() { //После того, как курсор убран с элемента...

$(this).find("span").stop().animate({

marginTop: "0" //Возвращаем тег <span> к исходному местоположению (0px)

}, 250);

});

});

</script>

<ul id="topnav" class="v2">

   <li><a href="ВАША ССЫЛКА">ОПИСАНИЕ</a></li>

<li><a href="ВАША ССЫЛКА">ОПИСАНИЕ</a></li>

<li><a href="ВАША ССЫЛКА">ОПИСАНИЕ</a></li>

<li><a href="ВАША ССЫЛКА">ОПИСАНИЕ</a></li>

<li><a href="ВАША ССЫЛКА">ОПИСАНИЕ</a></li>

<li><a href="ВАША ССЫЛКА">ОПИСАНИЕ</a></li>

</ul>