помогите добить меню
Всем привет... У меня такая проблемка,js я начал изучать недавно, вот пытался сделать простенькое меню. Задание вот какое
1) Требуется создать список <ul>ссылок<a> сослед.функциональностью:
1. При клике на ссылку все остальные сдвигаются в сторону.
2. При клике на другую ссылку сначала все возвращаются на исходную позицию, а затемсдвигаются относительно текущей, как в п. 1.
3. После клика на ссылке в ее текст добавляется в конец счетчик кликов (например,«Ссылка [2]»), а при каждом клике значение счетчика увеличивается. До первогоклика ссылка счетчика не имеет («Ссылка»).
4. После достижения порогового значения счетчика кликов (5) ссылка исчезает из списка.
<script type="text/javascript">
$(function() {
$('li').click(function() {
var current = $(this);
var id = current.attr('id');
var str = "#list"+ id;
var number = parseInt($(str).text());
number = number +1;
if (number <5)
{
$(str).html(number);
$('li').each(function(){
$(this).css('margin-left','0');
});
$('li').each(function() {
$(this).animate({margin:'0 0 0 30px'},
{duration:200});
});
current.animate({margin:'0'},
{duration:100});
}
else {
$(this).remove();
}
})
});
</script>
вот вроде получилось только вот проблема в том что
-меню движется рывками нужно сделать чтобы передвигалось плавно.
-и в начале при загрузке после ссылки показывается [0] нужно сделать чтобы только после нажатия на ссылку отображалось [1]
Последний раз редактировалось murad30, 25.09.2011 в 19:04.
|