java
Get flash to fully experience Pearltrees
A demo of AD Gallery - Coffeescripter.com
A highly customizable gallery/showcase plugin for jQuery. Read more here: http://coffeescripter.com/2009/07/ad-gallery-a-jquery-gallery-plugin/ | More code at Coffeescripter.com Latest blog post: Working with the mobile web A title for 1.jpg This is a nice, and incredibly descriptive, description of the image 1.jpg Examples of how you can alter the behaviour on the fly; Effect: | Toggle slideshow Features
Слайд-шоу на JQuery | Очередной блог фрилансера
Любой владелец интернет-ресурса (даже самого скромного), размещающий фотографии или картинки, рано или поздно задумывается о том, как бы получше организовать их отображение. А все для вас дорогие читатели, чтобы вам понравилось, чтобы вам было удобно, чтобы вы захотели сюда вернуться. И в сегодняшней статье, мы рассмотрим три различных способа организации слайд-шоу, с помощью моих любимых плагинов к JQuery. Как и прежде, для их использования вам не понадобятся какие-либо специальные знания JavaScript, несмотря на то, что плагины очень просты в применении, они произведут прекрасное впечатление на ваших пользователей. JQuery SlideViewПравильные ссылки
Гипертекстовая ссылка (или просто ссылка ) является одной из базовых конструкций гипертекста и служит для связи одного веб-ресурса с другим . Все прекрасно знают, что такое ссылка и как ее поставить в HTML. (Желающие могут освежить свои знания в первоисточнике: HTML 4.01 Specification: Links .) Но, к сожалению, часто встречаются примеры неправильного использования ссылок и применения их не к месту. Пример 1. Открываем новые окна
Функцией getElementById() пользуются чаще других. Но если на странице слишком много элементов, которые требуется неоднократно найти, скрипт работает непозволительно медленно. Многократно проверенный способ улучшить ситуацию — предварительно создать массив и поместить в него указатели на все элементы, к которым программа обращается наиболее часто. Вместо непосредственного вызова getElementById() следует сформировать массив ссылок
Кеш vs. getElementById()
Как узнать положение элемента на странице (определение координат элемента)? - Примеры JavaScript - HTML, CSS, JavaScript - Web-технологии - CyberGuru.ru
function getElementPosition(elemId) { var elem = document.getElementById(elemId); var w = elem.offsetWidth; var h = elem.offsetHeight; var l = 0; var t = 0; while (elem) { l += elem.offsetLeft; t += elem.offsetTop; elem = elem.offsetParent; } Функция возвращает объект со свойствами left, top, width, height, определяющими координаты элемента относительно верхнего угла страницы, а так же его размеры. Пример:
.offset
Get the current coordinates of the first element, or set the coordinates of every element, in the set of matched elements, relative to the document. .offset() Returns: Object Description: Get the current coordinates of the first element in the set of matched elements, relative to the document. version added: 1.2 .offset() This method does not accept any arguments. The .offset() method allows us to retrieve the current position of an element relative to the document .
fadeIn - Русская документация по jQuery
Делает видимыми все элементы набора, используя изменение прозрачности элементов. Также, по завершению операции возможен запуск функции, переданной в аргумент “вызов”. Для данного типа анимации используется лишь изменение прозрачности, подразумевая, что все совпавшие элементы набора уже имеют какие-то значения высоты и ширины. Аргументы:
Есть 2 div box'a (photo_box и property_box). Вроде как один box (photo_box) это div с уменьшенной картинкой, а второй box (property_box) это div, куда входит увеличенная картинка с детальным описанием этой картинки. Второй box всплывает при наведении на первый (меньший) box.
animate, всплывающий div box сделать по центру - Javascript-форум
Сделать всплывающие div окно при нажатии на кнопку можно использовать как подсказку, полностью подходит под интерфейс сайта , легко настраиваются размеры , стили и место появления , можно обходиться без php скрипт хорошо работает на html страницах размеры и место появления окна можно легко изменить в внутри кода , если внутри ещё сделать стили под сайт то это всплывающее окно гармонично впишется в дизайн сайта и не будет раздражать посетителей т.к это всплывающее окно открывается не автоматически , а по желанию нажимающего кнопку код див окна
всплывающие окно
В jQuery плагине clueTip собрано сочетание разных способов показа всплывающих подсказок , что позволяет легко украсить их внешний вид и при этом, обладать множеством возможностей. Установка стандартная и не потребует больших усилий. Для того,чтобы показывать всплывающие подсказки с помощью атрибута title необходимо добавить соответствующую html разметку. Вот как она будет выглядеть: < p >< a id = "houdini" href = "houdini.html" title = "Houdini was an escape artist.|He was also adept at prestidigitation." > Houdini </ a ></ p >
Всплывающие подсказки jQuery
Get the current value of the first element in the set of matched elements or set the value of every matched element. .val() Returns: String, Number, Array Description: Get the current value of the first element in the set of matched elements. version added: 1.0 .val() This method does not accept any arguments.
.val
Конвертер валют
Путешественникам и туристам, а так же людям, которые просто часто бывают заграницей очень важно иметь возможность конвертировать валюты и следить за динамикой их изменения. Задача. Сделать удобный конвертер валют для Drupal с расширенными возможностями. Реализация. Конвертер валют способен не просто переводить валюту из одной в другую, но помимо этого учитывать процент, который непременно вычтут при конвертации, а так же осуществлять конвертацию на любую из прошедших дат.Если вы не знаете, то я вам открою страшную тайну! Помимо основных функций поисковой системы Google предоставляет ещё и множество других услуг. Одна из них это калькулятор с расширенными возможностями.
Создание AJAX конвертора курсов валют при помощи PHP, jQuery и Google
Smush.it uses optimization techniques specific to image format to remove unnecessary bytes from image files. It is a "lossless" tool, which means it optimizes the images without changing their look or visual quality. After Smush.it runs on a web page it reports how many bytes would be saved by optimizing the page's images and provides a downloadable zip file with the minimized image files. Do not link to the smushed images on Smushit.com since they will only be available there temporarily.
Yahoo! Smush.it™
Обработчик или источник события scroll — JQuery
Материал из JQuery .scroll() Устанавливает обработчик "прокрутки" элементов документа, либо, запускает это событие. Метод имеет три варианта использования: .scroll(handler(eventObject)) :jQuery v:1.0 handler(eventObject) — функция, которая будет установлена в качестве обработчика.Google map