当前位置：首页 > 网页特效 > 表单按钮 >

JS实现抖动的按钮_鼠标放上去开始抖动

时间：2013-08-07 08:23 来源：互联网作者：源码搜藏收藏推荐

<HTML><HEAD>
<TITLE>鼠标抖动的按钮</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>
<BODY bgColor=#fef4d9><BR><BR>
<CENTER>鼠标抖动的按钮</span>
</CENTER><BR>
<CENTER>
<TABLE borderColor=#FFCC00 border=5 borderlight="green">
  <TBODY>
  <TR>
    <TD align=left>
      <SCRIPT language=JavaScript>
<!-- Begin
pos = 15;
TO = null;
function shake_funct2(object,speed)
{ 
  obj = eval(object)
  txt = clear_space(obj.value);
  if (pos == 15)
  {
   txt = txt + "   ";
   pos = -15;
  }
  else
  {
   txt = "   " + txt;
   pos = 15;
  }  
  obj.value = txt;
  obj.style.width = parseInt(obj.style.width) + pos;
  obj = object
  sp = speed
  TO = setTimeout("shake_funct2(obj,sp)",speed);
}

function end_shake_funct2(object)
{
  clearTimeout(TO);
  obj = eval(object);
  txt = clear_space(obj.value);
  obj.value = txt;
  //alert(pos);
  if (pos == -15)
  {
   obj.style.width = parseInt(obj.style.width) +15;
  }
  pos = 15
}
//  End -->
</SCRIPT>
      <FORM name=myform2>
      <TABLE border=0>
        <TBODY>
        <TR>
          <TD>一般抖动的按钮</TD>
          <TD align=middle width=160><INPUT onmouseover=shake_funct2(this,100) style="FONT-SIZE: 12px; WIDTH: 150px" onmouseout=end_shake_funct2(this) type=button value="一般速度"> 
          </TD></TR>
        <TR>
          <TD>快速抖动的按钮</TD>
          <TD align=middle width=160><INPUT onmouseover=shake_funct2(this,50) style="FONT-SIZE: 12px; WIDTH: 150px" onmouseout=end_shake_funct2(this) type=button value="更快速度"> 
  </TD></TR></TBODY></TABLE></FORM></TD></TR></TBODY></TABLE></CENTER>
</BODY>
</HTML>

运行代码保存代码复制代码提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。