HTML5网页设计

文字效果

JS数值加减效果

时间:2016-04-15 16:27来源:未知作者:user点击:
Javascript数值加减效果
<title>JS数值加减效果</title>
<script language="javascript">
  var flag1=0;
  var flag2=0;
  function NumberInc()
  {
      if(flag1==1 && flag2==1)
           {alert("Error!");}
      else
      {
        if(flag1==1)
        {
            document.all.TextBox1.value++;
            setTimeout("NumberInc()",100);
        }
        if(flag2==1)
        {
            document.all.TextBox1.value--;
            setTimeout("NumberInc()",100);
        }
      }
  }
  function md(obj)
  {
    if(obj.id=="Button1") flag1=1;
    if(obj.id=="Button2") flag2=1;
    NumberInc();
  }
  function mo(obj)
  {
    if(obj.id=="Button1") flag1=0;
    if(obj.id=="Button2") flag2=0;
  }
  </script>
  <html>
  <body>
  <form   runat=server>
 <input id="TextBox1"  runat="server"  Width="50" CssClass="mybutton" Text=0>
 <input type="button" ID="Button1"  value="+" onMouseDown="md(this)" onMouseOut="mo(this)" onMouseUp="mo(this)">
 <input type="button" ID="Button2"  value="-" onMouseDown="md(this)" onMouseOut="mo(this)" onMouseUp="mo(this)">
 </form>
 </body>
 </html>

上一篇:上一篇:3D标签云关键词文字球状可转动代码 上一篇:下一篇:没有了
阅完本篇文章?您还可以: 收藏本文 文章挑错 朋友推荐