滑动门效果

时间: 2010-06-22 / 分类: web标准 / 浏览次数: / 0个评论 发表评论

昨天做了一个滑动门效果,发现点击修改后的图片,真的是要判断好,要不老是改不到自己想要的效果。
<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>&nbsp;&nbsp;&nbsp;&nbsp;</u>轮幸运中奖用户,敬请留意您留下的联系方式,我们将尽快与您联系兑奖事宜。</p>
          </div>
        </div>

发表评论

您的昵称 *

您的邮箱 *

您的网站