2015-11-07 3 views
0

Я вижу много кода для сбежавших кнопок (как это: Make a run away button in jQueryJQuery убегают кнопка отправки

, но они работают только с <button> тегом

Ниже приводится часть кода формы I. использую. Я хочу иметь убегают кнопку, которая работает с <input type="submit"> представить. возможно ли это? И как это сделать?

<div id="FSContact3" style="max-width:600px;margin:0 auto;background-color:none;padding: 5px 0 10px 5px;"> 
<form action="http://www.example.com/form" id="fscf_form3" onkeypress="return event.keyCode != 13;" method="post"> 

<div id="fscf_div_clear3_0" style="clear:both;"> 
    <div id="fscf_div_field3_0" style="clear:left; float:left; width:99%; max-width:550px; margin-right:10px;"> 
    <div style="text-align:left; padding-top:5px;"> 
     <label style="text-align:left;" for="fscf_name3">Name:<span style="text-align:left;">*</span></label> 
    </div> 
    <div style="text-align:left;"> 
     <input style="text-align:left; margin:0;" type="text" id="fscf_name3" name="full_name" value="" /> 
    </div> 
    </div> 
</div> 


<div id="fscf_submit_div3" style="text-align:left; padding-top:2px;"> 
     <input type="submit" id="fscf_submit3" style="cursor:pointer; margin:0;" value="Submit" onclick="this.disabled=true; this.value='Submitting...'; this.form.submit();" /> 
</div> 
</form> 
</div> 
+0

Я добавил код jquery из приведенной выше ссылки в нижний колонтитул страницы с идентификатором # fscf_submit3 или fscf_submit_div3. Но это не сработало. Я также добавил код из http://jsfiddle.net/MTug9/ в мой нижний колонтитул и попробовал оба идентификатора, но также не повезло. – WendiT

+0

Вот ссылка на мою страницу с реализованным ответом снизу. http://shoutkey.com/beat – WendiT

ответ

0
$("#fscf_submit_div3").mouseover(function() { 
    var numRand = Math.floor(Math.random()*501); 
    $("#fscf_submit3").css({'top': numRand, 'left': numRand, 'position':'fixed'}); 
}); 

Вы имели в виду что-то Лик Это возможно? Вы можете заставить его изменить его положение немного больше, изменив число рядом с математическим случайным. https://jsfiddle.net/n3z1h647/1/

+0

Он все еще не работает. Не могли бы вы взглянуть на мою страницу? http://shoutkey.com/beat – WendiT

+0

проверьте эту скрипку и расскажите мне, как она работает на вашей странице по сравнению с этим https://jsfiddle.net/n3z1h647/1/ – Shiroo

+0

Когда я нажимаю кнопку отправки, кнопка исчезает , но я хочу, чтобы он отошел от курсора, когда курсор находится рядом с кнопкой. – WendiT

Смежные вопросы