滑动门效果
昨天做了一个滑动门效果,发现点击修改后的图片,真的是要判断好,要不老是改不到自己想要的效果。
<script type=”text/javascript”>
function changeicon(divid,imgurl)
{
var bdivid = “C”+divid;
document.getElementById(“topm1″).style.backgroundImage = “url(images/smsbtn2_07.jpg)”;
document.getElementById(“topm2″).style.backgroundImage = “url(images/smsbtn_08.jpg)”;
document.getElementById(“Ctopm1″).style.display = “none”;
document.getElementById(“Ctopm2″).style.display = “none”;
document.getElementById(divid).style.backgroundImage = imgurl;
document.getElementById(bdivid).style.display = “”;
}
function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+”.location=’”+args[i+1]+”‘”);
}
</script>
<div id=”Sms2″>
<div id=”Smstitle”>
<div id=”topm1″ style=”width:175px; height:28px; background:url(images/smsbtn_07.jpg) no-repeat left top;” onclick=”changeicon(‘topm1′,’url(images/smsbtn_07.jpg)’)”><img src=”images/spacer.gif” width=”175″ height=”28″ border=”0″ /></div>
<div id=”topm2″ style=”width:174px; height:28px; background:url(images/smsbtn_08.jpg) no-repeat left top;” onclick=”changeicon(‘topm2′,’url(images/smsbtn2_08.jpg)’)”><img src=”images/spacer.gif” width=”174″ height=”28″ border=”0″ /></div>
</div>
<div style=”clear:both”></div>
<!–手机查询 –>
<div id=”Ctopm1″>
<table width=”348″ border=”0″ cellspacing=”0″ cellpadding=”0″ style=”margin:0 auto;”>
<tr>
<td height=”43″ align=”center”>发送时间</td>
<td align=”center”>发送内容</td>
<td align=”center”>发送状态</td>
</tr>
<tr>
<td align=”center”>05.25 10:00</td>
<td align=”center”>41250134589</td>
<td align=”center”>成功</td>
</tr>
<tr>
<td height=”23″ align=”center”>05.25 10:00</td>
<td align=”center”>41250134589</td>
<td align=”center”>成功</td>
</tr>
<tr>
<td align=”center”>05.25 10:00</td>
<td align=”center”>41250134589</td>
<td align=”center”>成功</td>
</tr>
<tr>
<td height=”23″ align=”center”>05.25 10:00</td>
<td align=”center”>41250134589</td>
<td align=”center”>成功</td>
</tr>
<tr>
<td align=”center”>05.25 10:00</td>
<td align=”center”>41250134589</td>
<td align=”center”>成功</td>
</tr>
<tr>
<td height=”23″ align=”center”>05.25 10:00</td>
<td align=”center”>41250134589</td>
<td align=”center”>成功</td>
</tr>
<tr>
<td align=”center”>05.25 10:00</td>
<td align=”center”>41250134589</td>
<td align=”center”>成功</td>
</tr>
<tr>
<td height=”23″ align=”center”>05.25 10:00</td>
<td align=”center”>41250134589</td>
<td align=”center”>成功</td>
</tr>
<tr>
<td align=”center”>05.25 10:00</td>
<td align=”center”>41250134589</td>
<td align=”center”>成功</td>
</tr>
<tr>
<td height=”23″ align=”center”>05.25 10:00</td>
<td align=”center”>41250134589</td>
<td align=”center”>成功</td>
</tr>
</table>
</div>
<!–中奖查询 –>
<div id=”Ctopm2″ style=”display:none;”>
<p>恭喜您!<br />
您已获得(小票号码4125468)护舒宝“飞往三亚等你来拿“第<u> </u>轮幸运中奖用户,敬请留意您留下的联系方式,我们将尽快与您联系兑奖事宜。</p>
</div>
</div>