А вы знаете какие гостиницы костромы самые лучшие? Я – нет.
Но продвигаю я эту.

Mario Kart Online

и

T&C

Ливневая канализация предназначена для отвода погодных осадков. Канализация для дачи, Септики из стеклопластика, Емкости из пластика, Монтаж. В Иркутске. Выгодно.

Ливневая канализация предназначена для отвода погодных осадков. Канализация для коттеджа, Септики для коттеджей, Септик, Проектирование. В Новосибирске. Профессионально.


Септики Юнилос – сложные системы разработанные на основе чешских систем Топас (Topas). Монтаж канализации, Система очистки сточных вод, Ссептик дача, Биологическая очистка сточных вод. В Сочи. Предоставляются гарантии.


Какую водоочистку можно ставить, если уже есть автономная канализация? Канализационные системы, Септики из стеклопластика, Септики, Глубокая биологическая очистка. В Москве. Предоставляются гарантии.


Нужна водоочистка и канализация для коттеджа – не знаете с чего начать? Системы канализации, Септики из стеклопластика, Водоотведение в коттеджах, Монтаж. В Хабаровске. Дешево.

Постовой:
ремонтная бригада поможет вам сделать ремонт ;)

Небольшой пример

HTML-разметка:

<ul class="bsm" id="byslidemenu">
  <li class="first"><img alt="" src="images/creditcards.jpg" /></li>
  <li><img alt="" src="images/games.jpg" /></li>
  <li><img alt="" src="images/computer.jpg" /></li>
  <li><img alt="" src="images/eiffeltower.jpg" /></li>
  <li><img alt="" src="images/electronic.jpg" /></li>
</ul>

Немножко стилей:

ul.bsm{
	margin: 0px auto;
	border:1px solid #B0B0B0;
	list-style-type: none;
}
 
ul.bsm li{
	border-left:2px solid #FFFFFF;
}

Javascript:

window.addEvent('load', function(){
	var slideMenu = new BySlideMenu();	
});

Результат

Скрипт разработан ByScripts. Более подробную информацию вы можете найти на сайте BySlideMenu.

Примеры Cкачать архив с примерами

Небольшой пример

Подключаем библиотеку LiveValidation

<script type="text/javascript" 
 src="http://webduty.ru/samples/7/livevalidation_standalone.compressed.js">
</script>
<p>Введите число:  <input type="text" id="f3" />
  <script type="text/javascript">
     var f3 = new LiveValidation('f3');
     f3.add(Validate.Numericality);
   </script>  
</p>

Введите число:

Всё очень просто.
Библиотеку разработал Алек Хил. Другие примеры и подробную документацию вы можете найти на сайте livevalidation.com.

jqZoom позволяет изменять тип увеличения, высоту, ширину, расположение и многое другое.

Небольшой пример

Для начала подключим необходимые .js и .css файлы:

<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="jqzoom.pack.1.0.1.js" type="text/javascript"></script>
<link href="jqzoom.css" type="text/css" rel="stylesheet" />

Используем следующую разметку:

<div id="content" style="margin-top: 100px; margin-left: 100px">
 <a class="jqzoom" title="kawasaki" href="kawasakigreen.jpg">
  <img title="kawasakigreen" style="border: #666 1px solid;" 
                                          src="kawasakigreen_small.jpg" /> 
 </a> 
</div>

В данном случае: kawasakigreen.jpg – исходное изображение, а kawasakigreen_small.jpg – уменьшенное. Класс jqzoom нам нужен для того, чтобы указать скрипту, с каким изображением работать. Для этого также можно использовать и идентификатор.

Теперь поставим выполнение скрипта на событие загрузки страницы:

$(document).ready(function(){
	$('.jqzoom).jqzoom();
});

Скрипт разработан Марко Рензи. Подробную документацию и примеры вы можете найти на сайте jqZoom

Посмотреть пример Cкачать архив

Изменённые формы работают так же как и обычные. Поля и кнопки созданные Niceforms полностью масштабируемые. Вы можете задать их ширину и высоту с помощью HTML-свойства. Поддерживается использование клавиатуры для навигации между элементами формы.

Более подробнаую информацию вы можете найти на сайте NiceForms.

Посмотреть пример Cкачать NiceForms

<link rel="stylesheet" type="text/css" href="jquery.jqplot.css" />
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>  
<script type="text/javascript" src="jquery.jqplot.js"></script>

Задаём необходимые данные и настройки:

  $(document).ready(function(){      
    var l1 = [2, 2, 3, 9, 3];
    var l2 = [8, 1, 5, 6, 8];
    plot1 = $.jqplot('chart', [l1, l2], {
        stackSeries: true,
        grid:{background:'#fefbf3', borderWidth:1},
        seriesDefaults: {fill: true, showMarker: true, shadow: true},
        axes:{xaxis:{pad:1.0, numberTicks:5}},
        series:[{}, {color:'rgba(200, 45, 120, 0.5)'}]
    });
  });

HTML-разметка:

<style type="text/css"> 
  margin-top:20px;  
  margin-left:20px; 
  width:400px;  
  height:270px;
</style>
<div id="chart">
</div>

В итоге мы получим следующий график:

Посмотреть примеры Cкачать архив

Задача здесь очень простая – я хочу иконку, которая прыгает несколько раз при наведении на неё курсора (в Skype этот значок прыгает если на него нажать, но я думаю прыгать ему лучше при событии hover).
Итак, кнопка будет состоять из изображения и текста.

<a class="button" href="#">
     <img src="download.png" alt="" />Скачать</a>

Зададим стили для кнопки. Ключевым является то, что иконка располагается абсолютно относительно-расположенной ссылки. Подгоним позицию кнопки так, чтобы её тень была внутри блока ссылки. Обратите внимание на то, что в Firefox кнопка будет с закруглениями. (благодаря свойству -moz-border-radius- ).

.button {
     padding: 4px 10px 3px 30px;
     border: solid 1px #8AB134;
     position: relative;
     cursor: pointer;
     background-image: url('images/bkg.png' );
     background-repeat: repeat-x;
     display: inline-block;
     font-size: 11px;
     height: 16px;
     text-decoration: none;
     color: #40740D;
     -moz-border-radius-bottomleft: 5px;
     -moz-border-radius-bottomright: 5px;
     -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
 } 
.button img {
     position: absolute;
     top: -7px;
     left: -8px;
     border: none;
 } 
.button:hover {
     color: #8AB134;
 }

Теперь займемся анимацией. Нам нужно сделать 3 скачка кнопки – один большой и два маленьких. В первый прыжок иконка будет подниматься на 6px, во второй на 3px и в последний прыжок на 2px. После каждого скачка иконка вернётся в своё первоначальное состояние.

$(document).ready(function(){
    $(".button").hover(function(){
        $(".button img")
            // 1 jump 
            .animate({top:"-13px"}, 200).animate({top:"-7px"}, 200)
            // 2 jump
            .animate({top:"-10px"}, 100).animate({top:"-7px"}, 100)
            // 3 jump
            .animate({top:"-9px"}, 100).animate({top:"-7px"}, 100);
    });
});

Код прекрасно работает в Firefox, Safari и IE7+. Меня не волнует работает ли он в IE6.
Посмотреть пример Cкачать архив

Я попытался составить список действительно полезных Javascript-библиотек, которые помогут вам если ваши любимые библиотеки, такие как jQeury, Prototype, MooTools и др., не содержат функции для ваших конкретных задач, либо вы не хотите их использовать по каким-либо другим причинам.

Анимация

JSTweener
Эта библиотека базируется на классе Tweener

$fx()
Является очень маленькой (менее 4 кб) и довольно гибкой библиотекой для анимации элементов HTML. Она позволяет изменить любые CSS свойства во время работы скрипта. Более того, Вы можете комбинировать эффекты, группировать их и запускать параллельно, а также у вас есть возможность установить различные call-функции, что дает вам еще больше гибкости.

Facebook Animation
Библиотека предоставляет разработчикам простой способ улучшить их пользовательский интерфейс с помощью одной-двух строчек кода. Все функции библиотеки базируются на CSS.

Другие библиотеки – FX, Bytefx, Animator.js

Cookies

Cookies
Это JavaScript-библиотека управления HTTP cookies в браузере. Вы можете получить одну или несколько cookie, установить, удалить cookie, проверить поддерживает ли браузер cookie.

EasyCookie
Простая библиотека для управления cookie.

Криптография

JavaScript MD5
JavaScript-раелизация алгоритма MD5.

Даты / Время

Date.js
Datejs – библиотека, которая позволяет легко работать с датой и временем. Она поддерживает более 150 культур и содержит функции, которые позволяют установить, проанализировать, сопоставить, изменение даты и т.д.

Шрифты / текст / типографика

typeface.js
Позволяет вставлять пользовательские шрифты в веб-страницы.

Другие подобные библиотеки – sIFR, Facelift Image Replacement

Работа с формами

LiveValidation
LiveValidation – небольшая библиотека для быстрой проверки вводимых в форму данных. Есть две версии: одна работает с Prototype, другая автономна. Обе версии полностью рабочие и протестированы на всех браузерах.

wForms
Небольшая JavaScript-библиотека, которая добавляет необходимое поведение традиционным веб-формам без необходимости каких-либо навыков программирования.

Похожие библиотеки: Yav, qForms JavaScript API

Графики / диаграммы

JS Charts
JS Charts представляет собой бесплатную JavaScript-библиотеку, которая позволяет создавать графики на различных шаблонах, например бар-диаграммы, круговые диаграммы или просто графики. Просто подключите файл jscharts.js, подготовить таблицу данных в XML или JavaScript-массив и ваша диаграмма готова!

Flot (требует jQuery)
Flot – библиотека для jQuery. Она строит графики произвольных наборов данных на лету на стороне клиента. Работает с Internet Explorer 6/7/8, Firefox 2.x +, Safari 3.0 +, Opera 9.5 + и Konqueror 4.x +.

Подобные библиотеки: JavaScript Diagram Builder, PlotKit

Таблицы

SortTable
Делает ваши таблицы сортируемыми. Ипользует DOM модель, может сортировать множество типов данных.

DragTable
Добавляет возможность изменять порядок столбцов таблицы, просто перетаскивая их.

Горячие клавиши

Shortcuts.js
Позволяет легко добавить горячие клавиши на вашей странице.

URL

JavaScript URL Library
Эта библиотека является конструктором/деконструктором строк URL. Она, принимая URL в виде строки или с использованием текущих window.location, разбирает его на составные части.

UED (URL Encoded Data)
Принимает массив в качестве аргумента и возвращает данные, закодированные в UAD формате – в виде строки. Вы можете использовать эту строку для передачи данных через POST или GET.

Регулярные выражения

XRegExp
textMonster

Прочее

MoreCSS
JavaScript-библиотека, которая может помочь Вам со всеми обыденными задачами Javascript, такими как всплывающие окна, вкладки, подсказки, перенос, списки и др., не вынуждая вас писать много Javascript-кода.

IE7.js
Представляет собой библиотеку JavaScript, которая заставляет Microsoft Internet Explorer вести себя как браузер, совместимый со стандартами W3C (!!!). Он исправляет многие HTML и CSS баги и делает прозрачным PNG.

DD_Roundies
Скруглятор HTML-блоков, с акцентом на IE.