This will slide the according div id.
function ani(){
$('#text').animate(
{'margin-left': '1000px'},
10000, // duration
function(){
$('#text').css('margin-left','-100px');
ani();
});
$("#text").hover(function(){
$("#text").stop();
});
$("#text").mouseout(function(){
ani();
});
}
ani();
<html> <form name="calculator"> <table border=4> <tr> <td> <input type="text" name="text" size="18"> <br> </td> </tr> <tr> <td> <input type="button" value="1" onclick="calculator.text.value += '1'"> <input type="button" value="2" onclick="calculator.text.value += '2'"> <input type="button" value="3" onclick="calculator.text.value += '3'"> <input type="button" value="+" onclick="calculator.text.value += ' + '"> <br> <input type="button" value="4" onclick="calculator.text.value += '4'"> <input type="button" value="5" onclick="calculator.text.value += '5'"> <input type="button" value="6" onclick="calculator.text.value += '6'"> <input type="button" value="-" onclick="calculator.text.value += ' - '"> <br> <input type="button" value="7" onclick="calculator.text.value += '7'"> <input type="button" value="8" onclick="calculator.text.value += '8'"> <input type="button" value="9" onclick="calculator.text.value += '9'"> <input type="button" value="*" onclick="calculator.text.value += ' * '"> <br> <input type="button" value="c" onclick="calculator.text.value = ''"> <input type="button" value="0" onclick="calculator.text.value += '0'"> <input type="button" value="=" onclick="calculator.text.value = eval(calculator.text.value)"> <input type="button" value="/" onclick="calculator.text.value += ' / '"> <br> </td> </tr> </table> </form> </html>