powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ссылка ввиде кнопки с подсветкой при наведении
2 сообщений из 27, страница 2 из 2
Ссылка ввиде кнопки с подсветкой при наведении
    #35621747
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Свят ... При этом остальные варианты остались в первом столбце?

Совершенно непонятно, что ты имел в виду. Видимо, ты рассматриваешь данную картинку, как некое полотнище, которое разрывают все кнопки на странице, использующие данную картинку ... Иначе мне сложно объяснить такие вопросы.

Просто не надо забывать, что javascript - это ОО язык и в нем ВСЕ ЕСТЬ ОБЪЕКТ. И неважно, что делает одна кнопка с картинкой, для другой кнопки с этой же картинкой - у каждой кнопки свой экземпляр этой картинки.

Не думал, что в CSS Sprites осталось еще что-то невыясненным ... Но раз непонятно, то приведу кусочек кода из проекта:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
<div id="long_button">
	<a id="title_about" class="titles"></a>
	<a id="title_partners" class="titles"></a>
	<a id="title_contact" class="titles"></a>
	<a id="title_projects" class="titles"></a>
	<a id="title_admin" class="titles"></a>
</div>
...
.titles,.titles_pressed {
	display: block;
	width: 150px;
	height: 70px;
	border:  0 ;
	cursor: pointer;
	float: left;
}
#title_about.titles {background: url('../images/button_titles_ua.png') no-repeat  0   0 ;}
#title_about.titles:hover {background: url('../images/button_titles_ua.png') no-repeat -150px  0 ;}
#title_about.titles_pressed {background: url('../images/button_titles_ua.png') no-repeat -300px  0 ;}
...
#title_admin.titles {background: url('../images/button_titles_ua.png') no-repeat  0  -280px;}
#title_admin.titles:hover {background: url('../images/button_titles_ua.png') no-repeat -150px -280px;}
#title_admin.titles_pressed {background: url('../images/button_titles_ua.png') no-repeat -300px -280px;}
...
Рейтинг: 0 / 0
Ссылка ввиде кнопки с подсветкой при наведении
    #35624352
Свят
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
IDVsbruck,

Понял :) действительно все просто, при желании всю графику страницы можно запихнуть в один файл и показывать тока нужные куски :)
Пасибо :)
...
Рейтинг: 0 / 0
2 сообщений из 27, страница 2 из 2
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ссылка ввиде кнопки с подсветкой при наведении
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]