以下鼠標翻轉工作如何？

http://jsfiddle.net/deltanovember/h63Vx/3/

的代碼提交按鈕是如下

<input class="ka-form-submit" type="submit" name="contact" value="Submit" />

什麼我不明白是怎麼側翻效果得以實現。在「老派」發展中，這可以通過onMouseOver或類似的方法完成。但是我沒有看到鏈接到任何JavaScript的按鈕。我知道涉及JavaScript，因爲當我刪除腳本文件時，翻轉停止工作。我只是找不到鏈接。

來源

2012-01-22 deltanovember

與Firebug的引擎蓋下快速查看後發現，當在此按鈕，用戶鼠標按鈕的不透明度改爲：在

opacity: .7;

看：

opacity: 1;

平滑地變化到karma.js文件，您將在「按鈕懸停」部分下看到此內容：

TTjquery(document).ready(function(){ 
    TTjquery(".ka_button, #ka-submit, #searchform #searchsubmit, .ka-form-submit, #mc_signup #mc_signup_submit, .fade-me") 
     .hover(
      function(){ 
       TTjquery(this) 
        .stop() 
        .animate({opacity:0.7},250) 
      }, 
      function(){ 
       TTjquery(this) 
        .stop() 
        .animate({opacity:1.0},250) 
      } 
     ); 
});

來源

2012-01-22 05:58:29

我在猜測.js文件捕獲頁面上的事件。當提交事件發生時，或者onclick或onmouseover或者其他表單名稱或表單元素（如JS文件中定義的元素或元素本身所定義的那樣），則會觸發某些操作。我會誠實的;我沒有閱讀JS來驗證這一點，但我對這種猜測感到很滿意。

來源

2012-01-22 05:52:21 phpmeh

此頁面包含一堆jQuery插件。點擊「管理資源」查看包含的內容。很多東西都被縮小了，所以把它分開是有點痛苦的。其中一個必須附加一個JavaScript的鼠標懸停動畫。該動畫可以平滑地減少mouseover上的不透明度，從而產生鼠標懸停效果。

來源

2012-01-22 05:55:41 Sajid

Ev可以通過JavaScript將元素添加到dom元素。 jQuery簡化了這一點。

純JS

，常用的方法有：

domnode.onmouseover = somefunc; 
function somefunc(e) { 
    ... 
}

- 和 -

if (domnode.addEventListener) { 
    domnode.addEventListener('mouseover', somefunc, false); 
} else { 
    domnode.attachEvent('onmouseover', somefunc); 
}

這是一件好事，因爲它是移動的功能出來的內容，其方式是一致MVC（HTML是模型，CSS是視圖，JS是控制器）。

的jQuery允許您只需選擇節點和連接的情況下，甚至進一步簡化了這一點：

$(selector).mouseover(somefunc);

另外，jQuery的規範了事件綁定和事件的對象，這樣你可以有一個一致的跨瀏覽器體驗。

來源

2012-01-22 05:59:00 zzzzBov

以下鼠標翻轉工作如何？

回答

相關問題