Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Рисунок с кнопками / 11 сообщений из 11, страница 1 из 1
19.11.2008, 15:22
    #35663545
19112008
19112008
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рисунок с кнопками
Здравствуйте ! Я новичок в HTML поэтому прошу помощи.
Есть рисунок № 1, при наведении курсора должен получится рисунок № 2.
Как это можно реализовать ?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.11.2008, 15:23
    #35663548
19112008
19112008
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рисунок с кнопками
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.11.2008, 16:13
    #35663722
verzer
verzer
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рисунок с кнопками
в onMouseOver меняешь рис1 на рис2, в onMouseOut обратно
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.11.2008, 16:16
    #35663734
19112008
19112008
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рисунок с кнопками
Кнопок много, что для всех рисунки делать ?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.11.2008, 19:40
    #35664162
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рисунок с кнопками
Ну да. Только все состояния пишешь в одну картинку.
Кстати, это можно сделать и чистым css - смотри ниже, недавно эта тема поднималась.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.11.2008, 20:42
    #35664231
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рисунок с кнопками
По скриншоту мгу тоа доагадаться что надо изменять ткоа рамку из второго поста автора?
тогда еще проше:
Код: plaintext
<img src='...' onmouseover='this.style.border="1px solid black";this.style.padding="0px";' onmouseout='this.style.border="none";this.style.padding="1px";' style="padding:0px">
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.11.2008, 20:42
    #35664236
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рисунок с кнопками
Можно и не рисовать, а использовать карты. Только, знать надо и карты и цсс.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.11.2008, 22:57
    #35664341
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рисунок с кнопками
Блажь это все ... цсс спрайты - самое дешевое и быстрое решение. А если нет прозрачных пнг-шек, то и очень легкое и совершенно кроссбраузерное.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.11.2008, 09:49
    #35664717
20112008
20112008
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рисунок с кнопками
Нарисовал табличку с фоном картинкой, где в каждой ячейке своя таблица бордюр которой и выполняет функцию "кнопки". Вроде работает. Вот код с четырмя ячейками где подсвечиваются вторая и третья. А как можно упростить, чтобы не писать для каждой ячейки столько кода ?

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
<HTML>
<body>
<P>
<TABLE BACKGROUND = "actualfile.png" Width= 196  height= 34  border= 0  cellspacing= 0  cellpadding= 0 >
<TR>
<TD width= 50 ></TD>
<TD width= 30 >
  <A HREF="test1.htm">
    <TABLE width= 100 % height= 100 %
      onmouseover='this.style.border="1px solid black";this.style.padding="0px";'
      onmouseout='this.style.border="none";this.style.padding="1px";'
      style="padding:0px">
    <TR><TD></TD></TR></TABLE>
  </A>
</TD>
<TD width= 30 >
  <A HREF="test2.htm">
    <TABLE width= 100 % height= 100 %
      onmouseover='this.style.border="1px solid black";this.style.padding="0px";'
      onmouseout='this.style.border="none";this.style.padding="1px";'
      style="padding:0px">
    <TR><TD></TD></TR></TABLE>
  </A>
</TD>
<TD></TD>
</TR>
</TABLE>

</body>
</HTML>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.11.2008, 15:11
    #35665866
verzer
verzer
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рисунок с кнопками
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<script>
function boderize(tbl, show)
{
  if (show)
  {
    tbl.style.border  = '1px solid black';
    tbl.style.padding = '0px';
  }
  else
  {
    tbl.style.border  = 'none';
    tbl.style.padding = '1px';
  }
}
</script>

<table onMouseOver="boderize(this, 1)" onMouseOut="boderize(this, 0)">
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.11.2008, 16:49
    #35666219
lexxyar
lexxyar
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рисунок с кнопками
А вообще - загрузи изначально все картинки в массив и работай с массивом. так вообще логичнее будет - не надо каждый раз перегружать картинку, а CSS и/или JS все равно использовать придется. По поводу примеров - в нете полно - не брезгуйте поисковиками =) Удачи.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Рисунок с кнопками / 11 сообщений из 11, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 505ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1455551]:
 0ms
get settings:
 9ms
get forum list:
 22ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 172ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 47ms
get tp. blocked users:
 1ms
others: 234ms
total:  505ms
x
x
Закрыть


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