鼠标感应抖动的按钮,速度可以自由调节,有时会有用的 - 中国WEB开发者网络 (http://www.webasp.net) -- 网页特效 (http://www.webasp.net/javascript/) --- 鼠标感应抖动的按钮,速度可以自由调节,有时会有用的 (http://www.webasp.net/javascript/1/473.htm) |
| -- 发布日期: 2005-06-13 |
| <!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供! --> <!-- 要实现此效果需要 1 个步骤: --> <!-- 第 1 步: --> <!-- 把下面的代码加到<BODY></BODY>区域中: --> <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 clear_space(text) { while (text.substring(0,1) == " ") { text = text.substring(1,text.length); } while(text.substring(text.length-1,text.length) == " ") { text = text.substring(0,text.length-1); } return text; } 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> <tr><td> 一般抖动的按钮 </td> <td align=center width=160> <input type=button value = "一般速度" style="font-size:12;width:150" onmouseover="shake_funct2(this,100)" onmouseout="end_shake_funct2(this)"> </td></tr> <tr><td> 快速抖动的按钮 </td> <td align=center width=160> <input type=button value = "更快速度" style="font-size:12;width:150" onmouseover="shake_funct2(this,50)" onmouseout="end_shake_funct2(this)"> </td></tr> </Table> </form> |
| webasp.net |