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ś:
http://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ć?
Pełna wersja: Zmiana tła pod treścią
nie wiem czy oto ci chodzi, w css mozna cos podobnego zrobic
przypisujesz np ktory element ma sie podswietlac po najechniu kurorem
przypisujesz np ktory element ma sie podswietlac po najechniu kurorem
KOD
div#top ul li:hover {
background: #FBFBFB;
text-decoration: none;
}
background: #FBFBFB;
text-decoration: none;
}
Możesz dać kod z przykładem? Dopiero zaczynam w CSS. 
np cos takiego
KOD
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://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>
<html xmlns="http://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>
A mam 'swój' kod:
Jak przekształcić go, żeby opierał się na divach?
Takie coś jest ok?
?
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>
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?
KOD
<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>
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>
?
KOD
<style type="text/css">
div.off:hover {
width: 100px;
background: #F4F7E7;
}
div.off {
width: 100px;
background: blue;
}
</style>
<div class="off">test1</div>
<div class="off">test2</div>
div.off:hover {
width: 100px;
background: #F4F7E7;
}
div.off {
width: 100px;
background: blue;
}
</style>
<div class="off">test1</div>
<div class="off">test2</div>
warto pamietc ze nie wszystkie przegladarki obsługuja pseudoklasy
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.