Как создать пользовательские вкладки JQuery? - PullRequest
Новая
       7

Как создать пользовательские вкладки JQuery?

1 голос
/ 22 марта 2011

У меня есть этот конкретный сценарий:

У меня есть 4 вкладки, и у каждой вкладки есть свои 2 иконки, когда она выбрана или нет.

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

ps Я говорю о самих вкладках, а не о содержимом контейнеров.

спасибо

проверьте это изображение: http://answers.oreilly.com/index.php?app=core&module=attach&section=attach&attach_rel_module=post&attach_id=621

Ответы [ 2 ]

0 голосов
/ 22 марта 2011

Предполагая, что каждая вкладка имеет свой собственный класс CSS, вы можете использовать background-image в CSS для каждого из изображений на вкладках.

Затем, когда вкладка выбрана (которую вы можете затем добавить классговорят, что он выбран как "выбранный" или что-то), а затем дать другое изображение

Например: 

.book_tab{
background-image:url('img_plane.png');
background-repeat:no-repeat;`
}
.rent_tab{
background-image:url('img_car.png');
background-repeat:no-repeat;`
}
.deals_tab{
background-image:url('img_tag.png');
background-repeat:no-repeat;`
}
.book_tab .selected{
background-image:url('img_plane2.png');
background-repeat:no-repeat;`
}
.rent_tab .selected{
background-image:url('img_car2.png');
background-repeat:no-repeat;`
}
.deals_tab .selected{
background-image:url('img_tag2.png');
background-repeat:no-repeat;`
}
0 голосов
/ 22 марта 2011

Если вы используете вкладки пользовательского интерфейса, выбранный класс применяется к активной вкладке. Если вы не уверены, вы можете применить это самостоятельно. Все, что вам нужно сделать, это предоставить изображения в качестве фона в CSS.

...