| 1. Плавное изменение цвета Вы должно быть заметили, что ссылки у нас (в главном меню, в тегах и в заголовках на главной), плавно меняют свой цвет.
Как это делается при помощи jQuery: устанавливаем плагин Color Animations и пишем: Code
$(document).ready( function() {
$(".mainMenu a, .articleTitle a").mouseover( function() {
$(this).animate({color: "#cc4e4e"}, {queue:false, duration:250 });
}).mouseout( function() {
$(this).animate({color: "#0e8db7"}, { queue:false, duration:350});
});
});
2. Выбрать все чекбоксы конкретного объекта Code
// context = id элемента, внутри которого чекбоксы
function checkall(context){
$("#"+context).find("input[@type$='checkbox']").each(function(){
this.checked = checked;
});
}
3. Количество выбранных элементов
Code
$('element').size();
4. Состояние радиобаттона
Code
var var_name = $("input[@name='radio_name']:checked").val();
5. Переключатель класса
Code
$.fn.swapClass = function(c1, c2){
return this.each(function(){
var t = $(this);
(!t.is('.'+c1)) ?
t.addClass(c1).removeClass(c2) : t.addClass(c2).removeClass(c1);
});
}
Или короче (спасибо Sam'у):
Code
$('#element').toggleClass('selected');
6. Перехват изменения размера окна
Code
function doSomething() {
alert("Я закончил изменение размера!");
};
var resizeTimer = null;
$(window).bind('resize', function() {
if (resizeTimer) clearTimeout(resizeTimer);
resizeTimer = setTimeout(doSomething, 100);
});
Пока все, что касается jQuery. В скором времени мы дополним эти сниппеты еще парочкой, как вы можете догадаться это произойдет в одну из пятниц.=) Если у вас, дорогие читатели, есть свои заготовки, которыми вам не жалко поделиться, кидайте к нам на почту pisem@vremenno.net. Темы сниппетов ограничиваются клиентской частью веб-приложений, то есть js, css, HTML. Автор статьи: Евгений Белодед
| 
Копирование материалов разрешено,