کد جاوا اسکریپت دکمه لرزشی

          amir 
            بازدید : 175
          شنبه 09 آذر 1392
           نظرات (0)
        

این کد باعث لرزش دکمه و حرکت دکمه می گردد به صورتی که تا موس روی آن قرار دارد به لرزش خود ادامه می دهد این کد جاوا اسکریپت در تمامی مرورگرها قابل استفاده است

جهت استفاده از کد بایستی کدهای بخش body و head را در قالب خود کپی کنید

<!-- TWO STEPS TO INSTALL CRAZY SHAKING FORM BUTTONS: 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://www.javascriptsource.com --> <!-- Original: Scriptbreaker (pieterpareit@hotmail.com ) --> <!-- Web Site: http://www.scriptbreaker.com --> <!-- 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> </HEAD> <!-- STEP TWO: Copy this code into the BODY of your HTML document --> <BODY> <form name=myform2> <table border=0> <tr><td> Test the shake button </td> <td align=center width=160> <input type=button value = "shake me" style="font-size:10;width:150" onmouseover="shake_funct2(this,100)" onmouseout="end_shake_funct2(this)"> </td></tr> <tr><td> Get something harder </td> <td align=center width=160> <input type=button value = "A bit faster" style="font-size:10;width:150" onmouseover="shake_funct2(this,50)" onmouseout="end_shake_funct2(this)"> </td></tr> </Table> </form> <p><center> <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> <!-- Script Size: 2.25 KB -->

ارسال نظر برای این مطلب