2012-12-03 3 views
1

Я ищу некоторые возможные рекомендации для вертикальной вкладки/кнопки, которая при нажатии открывается панель формы. Закладка/кнопка/изображение перемещается с выдвижным ящиком и остается прикрепленным к верхнему праву панели, а затем при повторном нажатии скрывается (но, конечно, отображается вкладка)Вертикальная кнопка на слайде JQuery

Я пытаюсь выяснить, лучший способ создать кнопку.

Есть ли такая вещь, как вертикальная кнопка (возможно, кнопка jquery ui)? Должен ли это быть образ? следует ли кодировать его в CSS?

Лучше (или что еще хуже) для доступности?

Спасибо!

+0

Я думаю, что кнопки css намного лучше, чем изображение ....... –

+0

Вы ищете что-то вроде этого? http://www.1stwebdesigner.com/css/create-sliding-navigation-menu-jquery/ –

+0

Велтун - я ничего не говорил о навигации. – user763460

ответ

0

Я не рассматривал их достаточно близко, чтобы комментировать, если есть лучшая практика, однако, если вас беспокоит доступность, я рекомендую не использовать эти слайд-вещи. Первое, что вы должны иметь в виду, - это то, где в порядке содержания оно будет идти. Если это первое, это говорит о том, что это очень важно, так почему бы вам не создать обычную страницу для формы. Если это последнее, есть вероятность, что люди, использующие вспомогательные технологии, никогда не смогут «увидеть» форму, что может привести к ROI. Возможно, они не видят этого, потому что не все читают каждую строку/слово на странице.

Следующий вопрос, и вопрос о том, как это делается, - это вопрос, связанный с вашим вопросом? Является ли это как лайтбокс, поэтому iformation предоставляется только в том случае, если они открывают форму слайда или люди должны каждый раз просматривать эту скрытую форму, чтобы добраться до содержимого?

Есть ли такая вещь, как вертикальная кнопка (возможно, кнопка jquery ui)? Должен ли это быть образ? следует ли кодировать его в CSS?

Я бы сделал это изображение, а затем обернул его в обычную ссылку. Alt должен быть описательным. Я не думаю, что вы можете использовать CSS, чтобы выровнять текст по вертикали, так что вы должны сделать что-то вроде

<a> 
W<br /> 
o<br /> 
r<br /> 
d<br /> 
</a> 

Какой бы досадно читать.

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