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

HTML+CSS+JavaScript

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

 

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

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

тема: rollover - менять картинку в соседней ячейке при наведении
 
 автор: moonfox   (14.03.2008 в 12:52)   письмо автору
 
 

есть таблица из 2х колонок в первой колонке картинка во второй текст - как сделать чтоб при наведении на текст в первой колонке менялася картинка?
спасибо

   
 
 автор: ONYX   (17.03.2008 в 12:40)   письмо автору
 
   для: moonfox   (14.03.2008 в 12:52)
 

<html>
<head>
<title>Change</title>
</head>
<style>
table{width:400px;}
table td{border:solid 1px #000000; height:200px; width:50%; padding:0 10 0 10;}
table td img{width:100%;}
</style>
<body>
<table>
<tr><td valign="top"><img src="img1.jpg" name="image" width="200" height="200" id="image"/></td>
<td><span onmouseover="changeImg()">Здесь находится текст при наведении на который в левой ячейке поменяется картинка</span></td></tr>
</table>
</body>
<script>
function changeImg(){
document.getElementById('image').src='img2.jpg';
}
</script>
</html>

   
Rambler's Top100
вверх

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