WD5 - разработка сайтов

Табы на javascript и css (jquery slider) - подборка

http://www.kollermedia.at/wp-content/themes/kollermedia/specials/easytabs1.2/example_two_menus.html - переключение при наведении мышкой, больше плюсов явных нет

http://www.ndoherty.biz/demos/coda-slider/1.1.1/#1 - вкладки по типу слайдера, выглядит интересно, недостаток - не расширяемо вниз при большом количестве текста, нужно делать прокрутку

http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/ - простое переключение, возможность показа дополнительных элементов страницы вне слайдера. Недостаток - ограниченная высота содержимого, при привышении создается полоса прокрутки

http://www.dhtmlgoodies.com/scripts/tab-view/tab-view-demo2.html - достаточно обычное решение, из плюсов - при большом количестве ненужного материала, например когда комплекты слишком дорогие, некоторые можно закрыть (нижнее решение)

http://www.nodetraveller.com/sandbox/moduleTabs/closeable.php - отдельные вкладки можно как переместить, так и закрыть


http://www.brainjar.com/css/tabs/demo.html - вариант стандартного решения


http://livepipe.net/control/tabs - вариант, для товаров, когда можно использовать картинки в качестве вкладок

http://www.andrewsellick.com/examples/tabslideV2/ - решение для отдельных акций и товаров, вкладка = содержимое, при этом верхний рисунок или содержимое не изменяется

http://www.cssplay.co.uk/menu/one_page - когда не нужно показывать содержимое сразу, например какие-то спецпредложения или еще что-то подобное

http://www.cutterscrossing.com/ - близкое решение, но для меню

http://ww2.blog.fueledsoftware.com/m/blogs/fueleddev/demos/demo.html - нижние табы, тоже для рекламных материалов


http://www.dhtmlgoodies.com/scripts/floating_window_with_tabs/floating_window_with_tabs.html - можно перемещать

http://www.sunsean.com/idTabs/
http://jqueryui.com/demos/tabs/

http://morrisonpitt.com/jsPlumb/html/demo.html - построение схем и связей в одну линию

http://vremenno.net/examples/javascript-image-rotation/ - поворот изображения

http://fancybox.net/ - картинки ниже, решения с подписью в среднем ряду (мебель, сейфы и т.п единичное)

http://vremenno.net/js/jquery-dialog-and-popup-plugins/ - различные решения для всплывающих окон и форм

http://jqueryui.com/demos/dialog/#animated - анимированные сообщения

http://www.ericmmartin.com/projects/simplemodal-demos/ - информация о товаре, предложении, контактная форма и т.п.

http://flowplayer.org/tools/tabs/index.html - вкладки

http://flowplayer.org/tools/tooltip/index.html - короткие пояснения (пример использования  http://flowplayer.org/tools/tooltip/slide.html при наведении к кнопке download)

http://flowplayer.org/tools/overlay/apple.html - apple effect при увеличении картинки

http://flowplayer.org/tools/dateinput/index.html - выбор даты
http://flowplayer.org/tools/rangeinput/index.html - rangeinput для подбора по параметрам

http://flowplayer.org/tools/validator/index.html - форма отправки с проверкой содержимого

http://flowplayer.org/tools/toolbox/expose.html - при заполнении данных (если в форму с логином и паролем поставить мышку) все остальное затеняется, а форма выделяется для удобства заполнения

http://vremenno.net/js/moptip-and-mopbox-for-jquery/ - подсказки и всплывающие окна с содержимым

None
Яндекс.Метрика