2016-01-12 3 views
-5

Я делаю школьный проект (с тремя другими людьми), и мы решили сделать игру. Мы находимся только на начальной стадии, но я застрял в проблеме.HTML-кнопка, открывающая панель

Я хочу, чтобы кнопка в нижнем колонтитуле открывала панель, в которой есть заголовок и текст.

Я извиняюсь за некрасивых цветов и планировки, это просто все placeholding материал:

Итак, this button необходимо открыть панель, которая looks like this.

+5

В чем вопрос? Где ваш код показывает усилия и прогресс? – isherwood

+1

Вы еще что-нибудь пробовали? Если вы хотите что-то изменить в событии (в этом случае 'click'), вам нужно будет использовать некоторый javascript. – Brian

+1

Удачи. Не стесняйтесь задавать вопрос, если у вас возникает конкретная проблема. – Martin

ответ

0

Я не знаю, как вы знакомы с CSS и JS, но вы можете сделать 2 вещи:

1. Используйте DIV в корне элемента тела, с position:absolute или position:fixed (в зависимости от вашего дизайна и макет) и z-index:-100 или что-то еще, что необходимо, чтобы скрыть его, а затем использовать JS или jQuery для изменения z-индекса, чтобы сделать его видимым.

2. Получить кнопку для вставки и удаления элемента в DOM в корне, как первое решение, из строки напрямую.

+1

Спасибо! Я использовал JS для изменения z-индекса после того, как я сделал div. Теперь он работает: D –

Смежные вопросы