Tabela Q Muda A Cor Quando Passa O Mouse, Como?
#1
Posted 07/01/2004, 12:24
Dei uma pesquisada e naum achei, por isso, vou postar aki. Como faço para uma tabela mudar de cor quando o mouse passa por cima da célula?? Só sei q envolve onMouse Over e onMouse Out,não??!?!?!?!?
- HaroNism likes this
#2
Posted 07/01/2004, 13:10
<html>
<head>
<style type="text/css">
<!--
.table1 { color:black; background-color: #00ff00; }
.table2 { color:gold; background-color: #cccccc; }
//-->
</style>
</head>
<body>
<table border="1">
<tr>
<td class="table1" onmouseover="this.className='table2';" onmouseout="this.className='table1';">Link1</td>
</tr>
<tr>
<td class="table1" onmouseover="this.className='table2';" onmouseout="this.className='table1';">Link2</td>
</tr>
<tr>
<td class="table1" onmouseover="this.className='table2';" onmouseout="this.className='table1';">Link3</td>
</tr>
</table>
</body>
</html>
ou um script assim:
com onmouseout="mOutNav(this, '')" onmouseover="mOverNav(this, '')" em TD<script language="javascript"><!--
function mOverNav(navTD, caption){if (!navTD.contains(event.fromElement)) {navTD.style.backgroundColor='#3333CC';window.status=caption;}}
function mOutNav(navTD, caption){if (!navTD.contains(event.toElement)) {navTD.style.backgroundColor='#FFFFFF';window.status=caption;}}
//--></SCRIPT>
|
| ====================================
| Cavalo eu puxo no toco, burro eu puxo no morão.
| Gosto de whisky, mas a cerveja é minha paixão.
| Sou gamado na loira, mas da morena eu não largo não!
| ----------------------------------------------------------------
#4
Posted 14/01/2004, 23:58
</body>
<style type="text/css">
<!--
.table1 { color:black; background-color: #00ff00; }
.table2 { color:gold; background-color: #cccccc; }
//-->
</style>
</head>
<body>
<table border="1">
<tr>
<td class="table1" onmouseover="this.className='table2';" onmouseout="this.className='table1';">Link1</td>
</tr>
<tr>
<td class="table1" onmouseover="this.className='table2';" onmouseout="this.className='table1';">Link2</td>
</tr>
<tr>
<td class="table1" onmouseover="this.className='table2';" onmouseout="this.className='table1';">Link3</td>
</tr>
</table>
</body>
#5
Posted 06/02/2004, 19:23
Olha, você pode usar o comando direto na TAG <td> da tabela. Ficaria assim:
...
<table>
<tr>
<td onMouseOver="style.backgroundColor='#RRGGBB';" onMouseOut="style.backgroundColor='#RRGGBB';">TESTE1
</td>
<td onMouseOver="style.backgroundColor='#RRGGBB';" onMouseOut="style.backgroundColor='#RRGGBB';">TESTE2
</td>
etc...
</tr>
</table>
...
Nesse caso acima, onMouseOver (quando o mouse estiver em cima do <td>) faria com que o cor de fundo do <td> mudasse para #RRGGBB (isso você tem que mudar para a cor desejada).
Espero ter ajudado um pouco!
Abraços,
#6
Posted 07/02/2004, 02:40
Pateta,nao esqueça de fechar </html>
</body>
<style type="text/css">
<!--
.table1 { color:black; background-color: #00ff00; }
.table2 { color:gold; background-color: #cccccc; }
//-->
</style>
</head>
<body>
<table border="1">
<tr>
<td class="table1" onmouseover="this.className='table2';" onmouseout="this.className='table1';">Link1</td>
</tr>
<tr>
<td class="table1" onmouseover="this.className='table2';" onmouseout="this.className='table1';">Link2</td>
</tr>
<tr>
<td class="table1" onmouseover="this.className='table2';" onmouseout="this.className='table1';">Link3</td>
</tr>
</table>
</body>
Não entendi sua colocação.
|
| ====================================
| Cavalo eu puxo no toco, burro eu puxo no morão.
| Gosto de whisky, mas a cerveja é minha paixão.
| Sou gamado na loira, mas da morena eu não largo não!
| ----------------------------------------------------------------
#8
Posted 09/10/2017, 17:37
Buy Orlistat Online Uk buy levitra Buying Provera Online Cialis 20 Efficacite
Kamagra Jelly Francia Amoxicillin To Treat Eye Cold Dapoxetine Buy levitra withouth prescription Amoxicillin Without Prescriptions
Cialis Best Supply For Uk Discount Legally Cash On Delivery Amoxicilina For Sale Real Inverness viagra Leponex Clozapine 100 Mg Commander Cialis Discount Purchasing Viagra Online From Canada
#9
Posted 10/10/2017, 09:56
Discounts! best seller products
Products which fall under this return policy can be returned domestically, as long as they are unused and in the original packaging. No questions asked!
If a product that falls under this guarantee is found to be counterfeit, you will get a full refund (shipping costs included).
READ MORE
First lady: I will stay true to myself
Black glitter sandal ( 318.29 $) Giuseppe Zanotti
High quality Bicycle Cycling Overshoes MTB Bike Cycling Shoes CoverShoeCover Sports Accessories Pro Road Racing ManWomen ( 6.99 $)
Swing Low, Sweet Rugby Controversy?
Simplee autumn lace up leather suede pencil skirt winter 2016 cross high waist skirt zipper split bodycon short skirts womens ( 23.31 $)
DIY clock Digital clock production suite voice timekeeping clock parts LED DIY SCM training electronic watch 4colors (optional ( 7.50 $)
Stylish striped sleeveless hollow out women's mermaid dress ( 20.79 $)
Audrey 2 Color Block Murano Glass Earrings ( 39.00 $)
SJ Adjustable Wrenches ( $9.47 )
Babylon 5 — Vavilon 5 — DRAKHI
Gigant (film)
Brazilian Kinky Curly Virgin Hair Clip in Human Hair Extensions Afro Kinky Curly Hair Brazilian Kinky Curly Human Hair Clip in ( 57.73 $)
Straight leg drawstring vertical patch pocket stripes print men's board shorts ( 10.33 $)
Free shipping universal car auto remote central kit door lock locking vehicle keyless entry system new with remote controllers ( 7.35 $)
Stylish various candy colors 5cm width men's tie ( 2.81 $)
Discounts! best product displays
Products which fall under this return policy can be returned domestically, as long as they are unused and in the original packaging. No questions asked!
If a product that falls under this guarantee is found to be counterfeit, you will get a full refund (shipping costs included).
READ MORE
Chandeliers, lamps, lighting to buy in online store light Waswet with delivery in Moscow, St. Petersburg and all over Russia photos, price, reviews, specifications, characteristics
Free Shipping new design candy color large fruit peeler stainless steel blade cucumber potatoes carrots paner kitchen gadgets ( 0.70 $)
8a glueless full lace wigs light yaki brazilian virgin hair full lace human hair wigs 150% density yaki straight for black women ( 94.00 $)
Malaysian virgin hair loose wave 7a unprocessed virgin hair malaysian virgin hair 4 bundles malaysian loose wave 100% human hair ( 53.60 $)
Brazilian straight hair with closure 7a brazilian virgin hair with lace closure 4 bundles human hair weaves with closure sale ( 40.00 $)
2Pcslot 25cm Pikachu Cosplay Mega Charizard X&Y Plush Toys Cute Pikachu Plush Soft Stuffed Animals Toys Gifts for Kids ( 15.90 $)
Iconic Woven Stainless Steel Mens Bracelet ( 109.00 $)
Forster, Robert
BLUBOO Dual Android 6.0 5.5 inch FHD IPS Screen 4G Phablet MTK6737 Quad Core 1.5GHz 2GB RAM 16GB ROM 2.0MP + 13.0MP Dual Back Cameras GPS Fingerprint Scanner$
Malaysian virgin hair body wave 4pcs 8a unprocessed malaysian hair weaves virgin malaysian body wave #1b cheap malaysian hair ( 85.08 $)
Leagoo Alfa 6 3G Smartphone-58.07 $
Solar power bank powerbank charger 12000 mah battery universal portable power bank high-capacity external sun solar charger ( 29.99 $)
Winter brand pants men hiking softshell pants men women windproof waterproof thermal for hiking camping ski a3061 ( 46.00 $)
DIZHIGE Brand Fashion Fur Women Bag Handbags Women Famous Designer Women Leather Handbags Luxury Ladies Hand Bags Shoulder Sac ( 42.84 $)
Nillkin Wireless Charger Receiver-15.52 $
#11
Posted 25/10/2017, 06:00
Tadalafil 20mg India viagra Tadalafil In Deutschland Kaufen Viagra Farmacia Ricetta
#13
Posted 05/12/2017, 10:47
Viagra Erfahrungsberichte levitra online Sildenafil In Linea
0 user(s) are reading this topic
0 membro(s), 0 visitante(s) e 0 membros anônimo(s)