Jump to content


Photo

Tabela Q Muda A Cor Quando Passa O Mouse, Como?


  • Faça o login para participar
12 replies to this topic

#1 .:: Techno ::.

.:: Techno ::.

    Novato no fórum

  • Usuários
  • 18 posts
  • Sexo:Não informado

Posted 07/01/2004, 12:24

Olá, :D
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??!?!?!?!? :lol:
  • HaroNism likes this

#2 COWBOY_4ever

COWBOY_4ever

    Rodeio Universitário

  • Usuários
  • 483 posts
  • Sexo:Masculino
  • Localidade:Estado do Rio de Janeiro
  • Interesses:Mulheres, dinheiro e bebidas.

Posted 07/01/2004, 13:10

Pode usar um CSS assim:

<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:

<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>

com onmouseout="mOutNav(this, '')" onmouseover="mOverNav(this, '')" em TD
| COWBOY_4ever
|
| ====================================
| 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!

| ----------------------------------------------------------------

#3 Without a Nick

Without a Nick

    Sem culpa no cartório

  • Usuários
  • 2378 posts
  • Sexo:Não informado
  • Localidade:Guarulhos

Posted 07/01/2004, 14:03

A explicação é a mesma do Cowboy:

http://forum.wmonlin...showtopic=45266

#4 Pateta

Pateta

    Novato no fórum

  • Usuários
  • 3 posts
  • Sexo:Não informado

Posted 14/01/2004, 23:58

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>

#5 Mandrake

Mandrake

    Normal

  • Usuários
  • 80 posts
  • Sexo:Não informado

Posted 06/02/2004, 19:23

Olá!

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,
"O cadáver é que é o produto final. Nós somos apenas a matéria-prima." Millôr Fernandes

#6 COWBOY_4ever

COWBOY_4ever

    Rodeio Universitário

  • Usuários
  • 483 posts
  • Sexo:Masculino
  • Localidade:Estado do Rio de Janeiro
  • Interesses:Mulheres, dinheiro e bebidas.

Posted 07/02/2004, 02:40

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>

Pateta,

Não entendi sua colocação. :blink:
| COWBOY_4ever
|
| ====================================
| 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!

| ----------------------------------------------------------------

#7 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 27/09/2017, 14:44

Cialis Sample Pack Cialis Pas Cher France cialis Kamagra Generic Viagra

#8 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 09/10/2017, 17:37

Cialis Canada Generic Original Achat Levitra Pharmacie viagra Propecia Depression Acne
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 qapedlok

qapedlok

    Expert

  • Usuários
  • 509 posts
  • Sexo:Feminino
  • Localidade:Worcester

Posted 10/10/2017, 09:56

Discounts! beauty products 2017 progect12.jpg 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). buy.png READ MORE 7a grade brazilian straight virgin hair 4pcs unprocessed virgin brazilian hair weave bundles 100% brazilian virgin hair straight ( 111.72 $)Authentic TESLA TWO 4.2V 4000mAh 100W Maximum Power Box Mod Electronic Cigarette 27.79$Leeco le 2 x527 smartphone 3g+32g,16mp+8mp camera, cpu snapdragon 652, 3000mah ( 230.00 $)Realistic big dildo silicone flexible penis dick with strong suction cup huge dildos cock adult sex products sex toys for women ( 23.95 $)Dun dun multicolor leather satchel ( 802.42 $) Paula CademartoriJunsun 6.86 ( 169.57 $)Meizu m3s mini Case Cover 4 Colors Matte TPU Soft Back Cover Phone Case For Meizu m3s Mini Back Cover Case (5.0 inch) ( 1.99 $)Simple Alligator Crocodile Leather Mini Women Crossbody bags Small Women Bag Messenger Shoulder Sling Purse Lady Handbag ( 29.88 $)T Creative Northern Europe Circualar Pendant Light LOFT Industry Lamp For Bedroom Living Room Restaurant Bar Coffee shop ( 199.00 $)Bletin, BrendaDiamond lattice women bag designer handbags high quality lady quilted plaid shoulder crossbody bags leather women messenger bag ( 40.68 $)Hot genuine leather women bag bolsas 2015 design handbag casual shoulder bags vintage female luxury messenger crossbody big tote ( 54.00 $)Grade 7a brazilian virgin hair straight 3 bundles deal unprocessed hair bundles virgin brazilian straight hair ( 65.30 $)Japanese women bao bao bag geometry style luxury brand ladies shoulder bags top quality pu leather baobao casual handbag totes ( 34.59 $)Marie black suede mid-heel bootie ( 457.38 $) Balmain 92bb.jpg
Discounts! best seller products

progect12.jpg
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).

buy.png

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 $)


50bb.jpg
Discounts! best product displays

progect12.jpg
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).

buy.png

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 $


59.jpg

#10 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 10/10/2017, 12:40

Cialis Sans Ordonance Buy Tenormin From Mexico viagra Az

#11 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 25/10/2017, 06:00

Keflex For Kids Kamagra 100mg Vendita online pharmacy Atlantic Drug Store Viagra Cialis Original Espana Propecia Reactions
Tadalafil 20mg India viagra Tadalafil In Deutschland Kaufen Viagra Farmacia Ricetta

#12 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 05/11/2017, 19:38

Canadain Phamacry viagra Ampicillin Amoxicillin Viagra Pills For Sale
Sildenafil 50 Mgs On Sale In Canada viagra Levitra Vardenafil Alternatives Inhouse Pharmacy Australia Fluoxetine Bioxetin
Cialis Occhi Gonfi viagra Amoxicillin For Dental

#13 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 05/12/2017, 10:47

Cialis 5mg Pellic Kamagra Legit Euromed Online viagra online prescription Discount Doxycycline No Prescription Articulo 68
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)

IPB Skin By Virteq