Пример создания кнопки с раскрывающимся меню

Для выполнения примера добавьте ссылки на библиотеку PP.js и таблицу визуальных стилей PP.css. Далее приведен текст javascript-кода, с помощью которого создается кнопка с наименованием «Menu»:

<script type="text/javascript">

var menu = new PP.Ui.Menu();//Создаем компонент Menu

//Добавляем элементы меню и разделители:

menu.addItem("<b>First</b>");

menu.addItem(new PP.Ui.Separator());

menu.addItem("<b>Second</b>");

menu.addItem(new PP.Separator());

menu.addItem("<b>Third</b>");

var b1 = new PP.Ui.Button({

ParentNode: document.getElementById("MyButton"),

Content: "Menu",

Menu: menu //Устанавливаем дочернее меню компонента Button

});

</script>

После выполнения примера на html-странице будет размещен компонент Button, имеющий следующий вид:

При нажатии на кнопку будет раскрыто меню, состоящее из трех элементов:

См. также:

Button