Здравствуйте!
Буду благодарен за советы и помощь в таком вопросе.
Написал небольшой скрипт рейтинга "звездочками":
<style type="text/css">
.rate
{
cursor:hand;
}
.rate A
{
float:left;
width:16px;
height:16px;
cursor:hand;
text-decoration:none;
background:url(/TEST/star.gif) no-repeat;
margin:0;
padding:0;
}
.rate A.Select
{
background-position: 0 -16px;
}
.rate A.Hover
{
background-position: 0 -32px;
}
</style>
<script language="javascript">
var t;
var s;
function FillRect(Obj,Val)
{
var Elems=Obj.parentNode.getElementsByTagName("a");
for(var i=0;i<Val;i++)
{
if (!Elems[i].className.match(/ Hover/))
{
Elems[i].className+=" Hover";
}
}
}
function ClearRect(Obj,Val)
{
var Elems=Obj.parentNode.getElementsByTagName("a");
for(var i=0;i<Val;i++)
{
Elems[i].className=Elems[i].className.replace(/ Hover/,"");
}
}
</script>
<div class="rate">
<a href="" onmouseover="FillRect(this,1)" onmouseout="ClearRect(this,1)" class="Select"></a>
<a href="" onmouseover="FillRect(this,2)" onmouseout="ClearRect(this,2)"></a>
<a href="" onmouseover="FillRect(this,3)" onmouseout="ClearRect(this,3)"></a>
<a href="" onmouseover="FillRect(this,4)" onmouseout="ClearRect(this,4)"></a>
<a href="" onmouseover="FillRect(this,5)" onmouseout="ClearRect(this,5)"></a>
</div>
В Опере все прекрасно. Но как только решил посмотреть в IE - оказалось все не так сладко. Проблема - при перемещении курсора звезды все время перересовываются (мигают). Как это можно побороть?
