|
|
|
| При наведении на ссылку, меняется фон.
Сначала фоном является верх картинки, потом низ картинки.
Я знаю, как это сделать сложно, есть ли несложный путь?
<style type="text/css">
.bgwt {
background-position: center;
background-image: url(img/3buttons.gif);
}
.bgwt1 {
background-position: top;
background-image: url(img/3buttons.gif);
}
.bgwt2 {
background-position: bottom;
background-image: url(img/3buttons.gif);
}
</style>
<table class=bgwt id=bgwt><tr><td width=158>
<a href="zakaz.htm" onmouseover="javascript:document.all.bgwt.className='bgwt1'" onmouseout="javascript:document.all.bgwt.className='bgwt'"><img src="img/0.gif" width=158 height=36 border=0 alt="Çàïèñü íà ïðèåì OnLine"></a>
</td>
<td width=10></td>
<td width=160>
<a href="foto.htm" onmouseover="javascript:document.all.bgwt.className='bgwt2'" onmouseout="javascript:document.all.bgwt.className='bgwt'"><img src="img/0.gif" width=160 height=36 border=0></a>
</td></tr></table> | |
|
|
|
|
|
|
|
для: simplyv
(29.10.2007 в 14:59)
| | *Я знаю, как это сделать сложно, есть ли несложный путь?*
А имеет ли этот вопрос резон? Зачем Вам нужен другой вариант, неужели этот для Вас столь сложен??? | |
|
|
|
|
|
|
|
для: Dmitry Berkut
(29.10.2007 в 15:05)
| | Да, имеет, иначе не спрашивал бы.
Просто если так оставить и никогда больше к этому не возвращаться, то ладно.
Просто я хочу этот прием шире использовать и если усложнить формулу, то лучше бы что-то компакнее, только если кто знает.
Скажем apple делают одну картинку на все меню.
Плюс в том, что все вместе грузится, а значит ровно и работает. | |
|
|
|
|