Проблема «getContext is not a function» наблюдается, если canvas создаётся динамически, или просто сразу не имеет id, когда хотим получить от него getContext (2d).
Рабочее решение при использовании jQuery:
var context = $(".SomeClass").get(0).getContext("2d");
Здесь SomeClass — класс, присвоенный canvas без id, всё отработает без ошибок
1. Качаем с официального сайта и подключаем к своей странице библиотеки jquery и jquery-ui
2. Внутри <head> вставляем скрипт
<script> $(function() { $( "#menu" ).menu(); }); </script>Теперь ul id="menu" превратится в выпадающее меню. Соответственно можно вписать любой другой селектор под конкретный случай.
Это готовый пример с официального сайта, как всё выглядит — можно посмотреть здесь http://jqueryui.com/menu/
<!doctype html><html lang="en"><head> <meta charset="utf-8" /> <title>jQuery UI Menu - Default functionality</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css" /> <script> $(function() { $( "#menu" ).menu(); }); </script> <style> .ui-menu { width: 150px; } </style></head><body><ul id="menu"> <li class="ui-state-disabled"><a href="#">Aberdeen</a></li> <li><a href="#">Ada</a></li> <li><a href="#">Adamsville</a></li> <li><a href="#">Addyston</a></li> <li> <a href="#">Delphi</a> <ul> <li class="ui-state-disabled"><a href="#">Ada</a></li> <li><a href="#">Saarland</a></li> <li><a href="#">Salzburg</a></li> </ul> </li> <li><a href="#">Saarland</a></li> <li> <a href="#">Salzburg</a> <ul> <li> <a href="#">Delphi</a> <ul> <li><a href="#">Ada</a></li> <li><a href="#">Saarland</a></li> <li><a href="#">Salzburg</a></li> </ul> </li> <li> <a href="#">Delphi</a> <ul> <li><a href="#">Ada</a></li> <li><a href="#">Saarland</a></li> <li><a href="#">Salzburg</a></li> </ul> </li> <li><a href="#">Perch</a></li> </ul> </li> <li class="ui-state-disabled"><a href="#">Amesville</a></li></ul></body></html>Галерея
http://wowslider.com/free-image-slider-dark-matter-squares-demo.html
http://wowslider.com/demo.html
http://wowslider.com/wowslider-free-setup.zip
50 каруселей
http://www.tripwiremagazine.com/2012/12/jquery-carousel.html
Карусель 3D
http://codecanyon.net/item/3d-carousel-advanced-jquery-carousel/full_screen_preview/136996?ref=themespotters&ref=themespotters&clickthrough_id=119994373&redirect_back=true
Меню из иконок
http://www.wizzud.com/2012/01/04/horizontal-top-of-page-centred-labelled/
Менюшка
http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm
Всегда видимые меню из края экрана
http://www.dynamicdrive.com/dynamicindex1/omnislide/index.htm