Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Одна картинка - разный фон
 
 автор: simplyv   (29.10.2007 в 14:59)   письмо автору
 
 

При наведении на ссылку, меняется фон.
Сначала фоном является верх картинки, потом низ картинки.
Я знаю, как это сделать сложно, есть ли несложный путь?

<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="&#199;&#224;&#239;&#232;&#241;&#252; &#237;&#224; &#239;&#240;&#232;&#229;&#236; 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>

   
 
 автор: Dmitry Berkut   (29.10.2007 в 15:05)   письмо автору
 
   для: simplyv   (29.10.2007 в 14:59)
 

*Я знаю, как это сделать сложно, есть ли несложный путь?*
А имеет ли этот вопрос резон? Зачем Вам нужен другой вариант, неужели этот для Вас столь сложен???

   
 
 автор: simplyv   (29.10.2007 в 16:04)   письмо автору
 
   для: Dmitry Berkut   (29.10.2007 в 15:05)
 

Да, имеет, иначе не спрашивал бы.
Просто если так оставить и никогда больше к этому не возвращаться, то ладно.
Просто я хочу этот прием шире использовать и если усложнить формулу, то лучше бы что-то компакнее, только если кто знает.
Скажем apple делают одну картинку на все меню.
Плюс в том, что все вместе грузится, а значит ровно и работает.

   
 
 автор: AlexSol   (29.10.2007 в 16:48)   письмо автору
 
   для: simplyv   (29.10.2007 в 16:04)
 

работа с изображениями в css

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования