Skocz do zawartości

Zmiana tła pod treścią

Gość

Przez Gość
w HTML i CSS

Rekomendowane odpowiedzi

Gość

Gość

Opublikowano
Opublikowano

Szukam jakiegoś prostego skryptu w dhtml (lub czymś podobnym) do zmiany tła pod fragmentem treści na której jest kursor.

Chodzi mi dokładnie o takie coś:

https://www.dynamicdrive.com/dynamicindex11...hlighttable.htm

Jednakże ten skrypt bazuje na tabelkach i działa tylko na Operze (10) i IE (8), nie działa na FF (3.5).

Możecie coś polecić?

Odnośnik do komentarza
Udostępnij na innych stronach
tomek13 Newbie

tomek13

Opublikowano
Opublikowano

np cos takiego

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<title></title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="index,all,follow" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<style type="text/css">

div.jeden:hover {
width: 200px;
background: red;
}

div.dwa:hover {
width: 200px;
background: yellow;
}
</style>
<body>

<div class="jeden">
przykladowy tekst 1
</div>
<div class="dwa">
przykladowy tekst 2
</div>
</body>
</html>

nowy katalog stron

katalog

Odnośnik do komentarza
Udostępnij na innych stronach
Gość

Gość

Opublikowano
Opublikowano

A mam 'swój' kod:

<style type="text/css"> 
td.off { 
background: #F4F7E7; 
} 
td.on{ 
background: #F4F7BA; 
} 
</style>

<table width="150" cellpadding="3"> 
<tr> 
<td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'">test1</td> 
</tr> 
<tr> 
<td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'">test2</td> 
</tr> 
</tr> 
</table>

Jak przekształcić go, żeby opierał się na divach?

Takie coś jest ok?

<style type="text/css"> 
div.off { 
background: #F4F7E7; 
} 
div.on{ 
background: #F4F7BA; 
} 
</style>

<div class="off" onmouseover="this.className='on'" onmouseout="this.className='off'">test1</div>
<div class="off" onmouseover="this.className='on'" onmouseout="this.className='off'">test2</div>

?

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności