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

HTML+CSS+JavaScript

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

 

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

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

тема: Общие или одновременные события.
 
 автор: Mpak   (19.09.2007 в 17:24)   письмо автору
 
 

Есть два рисунка/кнопки. При наведении на любой из них, должны измениться оба рисунка. Не могу додуматься как это сделать с помощью CSS?

   
 
 автор: bronenos   (19.09.2007 в 17:39)   письмо автору
 
   для: Mpak   (19.09.2007 в 17:24)
 

никак

   
 
 автор: sim5   (19.09.2007 в 17:56)   письмо автору
 
   для: bronenos   (19.09.2007 в 17:39)
 

Почему никак? А что нельзя заменить стиль при наведении у нескольких элементов?

   
 
 автор: bronenos   (19.09.2007 в 18:24)   письмо автору
 
   для: sim5   (19.09.2007 в 17:56)
 

с помощью явы - можно, с помощью одной тока цсс - очень сомневаюсь

   
 
 автор: sim5   (19.09.2007 в 18:25)   письмо автору
 
   для: bronenos   (19.09.2007 в 18:24)
 

Почему, если я могу в JS, изменить стили нескольких элементов, то почему низзя это сделать в собии? Щас попробую.)

   
 
 автор: Mpak   (19.09.2007 в 18:28)   письмо автору
 
   для: sim5   (19.09.2007 в 18:25)
 

А как с помощью явы сдвинуть рисунок, как это делается в цсс:

url(image.gif) 0px -93px;
?:)

   
 
 автор: sim5   (19.09.2007 в 21:43)   письмо автору
 
   для: Mpak   (19.09.2007 в 18:28)
 

В общем так мона через CSS. Изображение должно собой представлять прозрачный GIF. В CSS указать в качестве фона сдвоенное (например, по вертикали) изображение, уж не важно какого типа. А далее в событиях указываем:


<STYLE>
#p1 { background: url(1.gif); }
#p2 { background: url(3.gif); }
</STYLE>

<img id="p1" src="2.gif" width="80" height="40"
 onmouseover="this.style.backgroundPosition='bottom'; getElementById('p2').style.backgroundPosition='bottomtop'"
 onmouseout="this.style.backgroundPosition='top'; getElementById('p2').style.backgroundPosition='top'">
<img id="p2" src="4.gif" width="80" height="40"
 onmouseover="this.style.backgroundPosition='bottom'; getElementById('p1').style.backgroundPosition='bottom'"
 onmouseout="this.style.backgroundPosition='top'; getElementById('p1').style.backgroundPosition='top'">


Здесь через соответствующий id обращаемся к другому изображению.

   
 
 автор: Mpak   (20.09.2007 в 12:54)   письмо автору
 
   для: sim5   (19.09.2007 в 21:43)
 

Ок, спасибо. Посмотрю, попробую, если что еще спрошу ;)
Хотя принцип понял:)

   
 
 автор: bronenos   (20.09.2007 в 13:20)   письмо автору
 
   для: sim5   (19.09.2007 в 18:25)
 

При наведении на любой из них, должны измениться оба рисунка. Не могу додуматься как это сделать с помощью CSS?

и это сделать тока с помощью цсс я думал хочет автор

   
Rambler's Top100
вверх

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