• ↓
  • ↑
  • ⇑
 
Записи с темой: jquery (список заголовков)
19:25 

Fade in on load

$(document).ready(function(){

// Fade in on load
$("#content";).fadeTo(600, 1);



});

@темы: jQuery, small useful things

15:46 

jQuery ListNav Plugin - полезный плагин для списков...

@темы: downloads, important, jQuery

12:23 

jQuery вкусняшки от Codrops!

Сегодня у нас в меню jQuery вкусняшки от Codrops!

1.

Typography Effects with CSS3 and jQuery
- очень красивые извращения над текстом при помощи css3 & JQuery. Демки


2.

Elastic Image Slideshow with Thumbnail Preview
- очень необычный слайдер! Полностью респонсив (как оно по-русски? оО) и красиво двигается =) Посмотреть

@темы: jQuery

01:15 

Еще кусочек jQuery

Этот кусочек кода отслеживает скроллинг окна вниз и назначает нужный класс при скроллинге ниже видимости объекта. Очень модный в последнее время эффект - даже на главной дайров есть =)))

var theLoc = $('#nav').position().top;
$(window).scroll(function() {
if(theLoc >= $(window).scrollTop()) {
if($('#nav').hasClass('fixed')) {
$('#nav').removeClass('fixed');
}
} else {
if(!$('#nav').hasClass('fixed')) {
$('#nav').addClass('fixed');
}
});

@темы: important, jQuery, small useful things

12:42 

Красивое и функциональное меню



Orman Clark’s Vertical Navigation Menu: The CSS3 Version
- подробный туториал по созданию вот такого красивого меню с CSS3, jQuery и минимумом рисунков.
Демо

+ ввожу новый тег - nav - чтобы легче было искать идеи для меню...

@темы: tutorial, nav, jQuery, inspiration, css

14:03 

Yummy Gum



Yummy Gum
- сайт двух дизайнеров. Идеальный сайт, оставляющий очень приятное ощущение. Все чистое и аккуратное, но при этом нет ощущения мертвости. Красивые эффекты, есть чему поучиться...

@темы: inspiration, jQuery

17:40 

Все еще пытаюсь освоить jQuery. Кусочек кода для анимации...

$(document).ready(function() {

$("li").hover(function() {
$(this).stop().animate({ marginTop: "-100px" }, 400);
},function(){
$(this).stop().animate({ marginTop: "0px" }, 400);
});

});

@темы: jQuery, small useful things

01:49 

Слайдеры



Weekly Freebies: 25 Awesome Free jQuery Image Sliders and Carousels
- набор волшебных вещей. Оооочень полезные штуки =)

@темы: jQuery, set

20:39 

Меню =)


Code a Web Magazine Style Dropdown Navigation Menu
- подробный рассказ про то, как делается такое меню.

Еще меню
запись создана: 25.08.2011 в 17:47

@темы: nav, jQuery, downloads

11:23 

Выпадающее меню

Выковырянный из одного из примеров меню ниже скрипт для самого элементарного выпадающего меню...

$(function () {
$('.child-menu').each(function () {
$(this).parent().eq(0).hover(function () {
$('.child-menu:eq(0)', this).show();
}, function () {
$('.child-menu:eq(0)', this).hide();
});
});
});

То же самое, но с анимацией - выпадение вниз (slideDown) и последующее исчезание (fadeOut)

$(function () {
$('.child-menu').each(function () {
$(this).parent().eq(0).hover(function () {
$('.child-menu:eq(0)', this).slideDown(250);
}, function () {
$('.child-menu:eq(0)', this).fadeOut(300);
});
});
});
запись создана: 26.08.2011 в 11:06

@темы: small useful things, nav, jQuery

10:40 

Вкусный слайдер с пирожками =)



Responsive jQuery Slider Plugin Flexslider
- очень симпатичный jQuery слайдер. Основное отличие от многих похожих - изменяет свои размеры в зависимости от ширины экрана. Демо

О нем же в Smashing Magazine

@темы: downloads, jQuery

10:59 



jQuery for Absolute Beginners Video Series
- собственно взято из подборки в предыдущем посте. Видеоролики разбиты по дням. Арбайтен!

@темы: tutorial, must-know, jQuery

10:56 

22 Articles and Tutorials for Getting Started with jQuery - потому что уже пора наконец в нем разобраться а не тупо таскать готовые фишки... Шикарная же вещь...

@темы: jQuery, set, tutorial

15:19 

Сеточные эффекты навигации на jQuery - интересный пример красот. Можно посмотреть демо.

@темы: jQuery, nav

14:41 

CrossSlide

A jQuery plugin to create pan and cross-fade animations

Очень нужная и красивая штука!

@темы: jQuery

12:54 

Два типа навигации, которые хочется хорошо понять и делать

1.

SUPERFISH JQUERY PLUG-IN
- по своей сути это плагин jQuery, добавляющий печенек в стандартное css-меню (вроде хаков для ie6, разнообразного движения и отсрочки убирания меню). Пример.


2.

OS X DOCK NAVIGATION
- вот там учат делать вот такое, по-моему шикарно...

@темы: nav, jQuery, html, css, tutorial

16:39 



Туториал по созданию вот такого меню. Демо автор почему-то не выложил, но кайф в том, что более темный прямоугольник бегает по навигационной полосе за мышью ( например как тут). Сама не пробовала, но надо бы - красиво.

Та же идея, только с jQuery вместо MooTools: nixboxdesigns.com/projects/jquery-lavalamp/

@темы: tutorial, nav, js, jQuery, important, css

15:02 

11:58 

jQuery parallax effect tutorial + Recreate Nikebetterworld Parallax/
запись создана: 29.06.2011 в 21:37

@темы: jQuery, tutorial

12:06 

Библиотека Вашта Нерада

главная