web中js实现

鼠标单击和双击换图片和背景图

解决方案 »

  1.   

    <title>区分单击和双击-www.jb51.net</title>
    <script type="text/javascript">
    var flag=0;
    function clickTest()
    {
     if(!flag)
     {
     setTimeout("tt2();",300);
     }
     flag++;
    }
    function reset()
    {
     flag=0;
    }
    function singleClick()
    {
     var result=document.getElementById('result');
     result.innerHTML=result.innerHTML+"click<br>";
      var imgId = document.getElementById("imgId");
     imgId.src="2.png";
     
       var bodyId = document.getElementById("bodyId");
     bodyId.background="1.png";
     reset();}
    function dobuleClick()
    {
     var result=document.getElementById('result');
     result.innerHTML=result.innerHTML+"dobule click<br>";
      var imgId = document.getElementById("imgId");
     imgId.src="3.png";
      var bodyId = document.getElementById("bodyId");
     bodyId.background="2.png";
     reset();}
    function tt2()
    {
     if(flag==1)
     {
     singleClick();
     }
     else
     {
     dobuleClick();
     }
    }
    </script>
    </head>
    <body background="3.png" id="bodyId">
    <img src="1.png" id="imgId"/>
    <input type="button" ondblclick="clickTest();" onclick="clickTest();" value="click test" />
    <div id="result"></div> 
    图片自己增加放在你html文件同目录下