Вопрос следующий, вспомнил тут одну фишку в контакте, сейчас она только vk.com есть. Так вот, речь идёт о кнопочке(шестирёнке), по нажатию на которую плавно список появляется справа. Это как то на JQarey походу сделано. т.к. я вообще не имею представления о JQ то просьба Помочь. Нужны ссылки на статьи про такую методику, если кто-то знает как это сделать - расскажите/поделитесь пожалуйста.
Цель: Сделать появляющийся список влево как в vk, по нажатии на иконку(любую в принципе).
Спустя 4 минуты, 38 секунд (7.01.2012 - 17:28) johniek_comp написал(а):
ТЫЦ
на смотри только в раздел про пхп не смотри не в коем случае
на смотри только в раздел про пхп не смотри не в коем случае
Спустя 12 минут, 22 секунды (7.01.2012 - 17:40) YVSIK написал(а):
Спустя 22 минуты, 35 секунд (7.01.2012 - 18:03) veolancer написал(а):
| Цитата (hamado @ 7.01.2012 - 14:23) |
| на смотри только в раздел про пхп не смотри не в коем случае |
Да да,
я сам вот только что туда ничаянно забрёл из поиска, и хочу спросить, вот это код впринципе подходит, лишнее впринципе убрать. Но Как сделать чтоб слева выпадал?Собственно ссылка
http://ruseller.com/lessons.php?rub=32&id=274
Спустя 47 минут, 42 секунды (7.01.2012 - 18:50) nugle написал(а):
а где там плавно выезжает? там плавно исчезает и появляется
Спустя 2 минуты, 59 секунд (7.01.2012 - 18:53) veolancer написал(а):
| Цитата (nugle @ 7.01.2012 - 15:50) |
| а где там плавно выезжает? там плавно исчезает и появляется |
ну да, смысл те в этом, а в том как сделать чтоб слева появлялся
Спустя 12 минут, 44 секунды (7.01.2012 - 19:06) bodja написал(а):
Эту банальщину можно прекрасно сделать и без квери.
Делаете функцию и замыкаете ее на себя таймаутом.
В функции просто минусуете\плюсуете до нужного значения свойсво clip элемента див например.
Единственное условие ,этот див должен быть абсолютно позиционирован,в противном случае clip работать не будет.
В итоге имеем пару строчек на яваскрипте ,заместь целой библиотеки.
Делаете функцию и замыкаете ее на себя таймаутом.
В функции просто минусуете\плюсуете до нужного значения свойсво clip элемента див например.
Единственное условие ,этот див должен быть абсолютно позиционирован,в противном случае clip работать не будет.
В итоге имеем пару строчек на яваскрипте ,заместь целой библиотеки.
Спустя 1 минута, 30 секунд (7.01.2012 - 19:07) nugle написал(а):
Вот на скорую руку что сделал. Библиотеку подключать не забываем
<table>
<tr>
<td>
<span class="click">Нажми</span>
</td>
<td>
<sapn>Поиск</span>
</td>
<td>
<sapn>Пригласить</span>
</td>
<td>
<sapn>Выйти</span>
</td>
</tr>
</table>
*{
margin:0;
padding:0;
}
table{border-collapse:collapse;}
table tr td{padding:6px; opacity:0;}
table tr td:first-child{padding:5px !important; border:1px solid #D4BC4C; background:#F9F6E7; cursor:pointer; opacity:1;}
$(document).ready(function(){
$('.click').click(function(){
$(this).parent().parent().find('td').each(function(index, element) {
if(index != 0)
if($(this).css('opacity') == 0)
$(this).animate({'opacity' : '1'}, 1000);
else
$(this).animate({'opacity' : '0'}, 1000);
});
});
});
Спустя 13 минут, 31 секунда (7.01.2012 - 19:21) veolancer написал(а):
Спасибо, поразбираю.
У кого ещё какие варианты с примерами есть? Чтобы кода по минимуму было;
Хотелось бы что-нибудь по интересней подобрать
У кого ещё какие варианты с примерами есть? Чтобы кода по минимуму было;
Хотелось бы что-нибудь по интересней подобрать