jQuery的跑開提交按鈕

我看到逃跑按鈕的大量代碼（像這樣的：Make a run away button in jQuery jQuery的跑開提交按鈕

，但他們只用了<button>標籤工作

下面是形式的代碼，我的一部分。「M使用。我想有一個跑開提交按鈕與<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>

來源

2015-11-07 WendiT

我已將上述鏈接的jquery代碼添加到頁面的頁腳中，其編號爲＃fscf_submit3或fscf_submit_div3。但那並不奏效。我還將http://jsfiddle.net/MTug9/的代碼添加到我的頁腳，並嘗試使用這兩個ID，但也沒有運氣。 – WendiT

以下是我的頁面的鏈接，並帶有從下面實施的答案。 http://shoutkey.com/beat – WendiT

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

你意味着什麼LIK可能嗎？您可以通過改變Math random旁邊的數字來改變它的位置。 https://jsfiddle.net/n3z1h647/1/

來源

2015-11-07 23:57:56 Shiroo

它仍然無法正常工作。你能看看我的網頁嗎？ http://shoutkey.com/beat – WendiT

然後檢查這個小提琴並告訴我它是如何在你的網頁上工作的，比起那個https://jsfiddle.net/n3z1h647/1/ – Shiroo

當我點擊提交按鈕時按鈕消失，但是當光標靠近按鈕時，我希望它離開光標。 – WendiT

jQuery的跑開提交按鈕

回答

相關問題