0
Je veux changer la couleur de la boutique x lorsque je passe la souris sur la Xbox et vice versa.sélecteurs avec variables
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
<script>
$(document).ready(function(){
$("#c1").hover(function(){
$("[id='gp1']").attr("bgcolor","#FF0000");
}, function(){
$("[id='gp1']").attr("bgcolor","#FFFFFF");
}
);
$("#c2").hover(function(){
$("[id='gp2']").attr("bgcolor","#0000FF");
}, function(){
$("[id='gp2']").attr("bgcolor","#FFFFFF");
}
);
$("#c3").hover(function(){
$("[id='gp3']").attr("bgcolor","#FFFF00");
}, function(){
$("[id='gp3']").attr("bgcolor","#FFFFFF");
}
);
$("#c4").hover(function(){
$("[id='gp4']").attr("bgcolor","#00FF00");
}, function(){
$("[id='gp4']").attr("bgcolor","#FFFFFF");
}
);
$('*[class^=s]').hover(function(){
var group=$(this).attr("id");
var classname=$(this).attr("class");
var $jqname="$(\"[class=\'" + classname + "\']\")"
alert(group);
alert(classname);
alert($jqname);
var colour;
if(group="gp1"){
colour="#FF0000"
$jqname.attr("bgcolor","#FFFF00");
}else if(group="gp2"){
colour="#0000FF"
$jqname.attr("bgcolor","#FFFF00");
}else if(group="gp3"){
colour="#FFFF00"
$jqname.attr("bgcolor","#FFFF00");
}else{
colour="#00FF00"
$jqname.attr("bgcolor","#FFFF00");
}
}, function(){
$jqname.attr("bgcolor","#FFFFFF");
}
);
});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<title>Document</title>
<style type="text/css">
<!--
td {font-size: 24px; font-family: Arial, Helvetica, sans-serif; }
-->
</style>
</head>
<body>
<table width="565" height="126" border="1">
<tr>
<td id="gp1" class="s1">1</td>
<td id="gp2" class="s2">2</td>
<td id="gp4" class="s3">3</td>
<td id="gp3" class="s4">4</td>
</tr>
<tr>
<td id="gp4" class="s5">5</td>
<td id="gp1" class="s6">6</td>
<td id="gp2" class="s7">7</td>
<td id="gp3" class="s8">8</td>
</tr>
<tr>
<td id="gp3" class="s9">9</td>
<td id="gp2" class="s10">10</td>
<td id="gp4" class="s11">11</td>
<td id="gp1" class="s12">12</td>
</tr>
<tr>
<td id="gp3" class="s13">13</td>
<td id="gp4" class="s14">14</td>
<td id="gp2" class="s15">15</td>
<td id="gp1" class="s16">16</td>
</tr>
</table>
<p> </p>
<table width="260" height="64" border="1">
<tr>
<td width="119" height="29" bgcolor="#FF0000" id="c1">Category 1</td>
<td width="125" bgcolor="#0000FF" id="c2">Category 2</td>
</tr>
<tr>
<td height="27" bgcolor="#FFFF00" id="c3">Category 3</td>
<td bgcolor="#00FF00" id="c4">Category 4</td>
</tr>
</table>
<table width="500" height="175" border="1">
<tr>
<td id="gp1" class="s1">Shop1</td>
<td id="gp2" class="s2">Shop2</td>
<td id="gp4" class="s3">Shop3</td>
<td id="gp3" class="s4">Shop4</td>
</tr>
<tr>
<td id="gp4" class="s5">Shop5</td>
<td id="gp1" class="s6">Shop6</td>
<td id="gp2" class="s7">Shop7</td>
<td id="gp3" class="s8">Shop8</td>
</tr>
<tr>
<td id="gp3" class="s9">Shop9</td>
<td id="gp2" class="s10">Shop10</td>
<td id="gp4" class="s11">Shop11</td>
<td id="gp1" class="s12">Shop12</td>
</tr>
<tr>
<td id="gp3" class="s13">Shop13</td>
<td id="gp4" class="s14">Shop14</td>
<td id="gp2" class="s15">Shop15</td>
<td id="gp1" class="s16">Shop16</td>
</tr>
<tr>
</tr>
</table>
<p> </p>
</body>
</html>
Si c'est votre devoir, vous devriez le faire vous-même. Avez-vous déjà essayé? – Marks
Aussi, votre urgence n'est pas l'urgence de tout le monde. Par conséquent, vous ne devriez pas écrire URGENT dans les majuscules gras dans le titre de votre question - les gens ne vous aideront pas plus vite. Je soupçonne que vous avez eu tout le temps pour vos devoirs que vous avez choisi de dépenser autrement, ce qui ne vous aide pas vraiment. ;-) – Tomalak
Désolé mais je l'ai essayé pendant une semaine. J'ai essayé googleing et essayé beaucoup de codes différents, mais aucun d'eux n'est bon, alors je suis venu ici pour obtenir de l'aide. Je suis vraiment urgent mais si je vous en veux, je m'en excuse. – mickey159