懸停動畫轉換（jQuery）

-2

我是jQuery noob，但我試圖找出如何創建標題的動畫過渡。懸停動畫轉換（jQuery）

我發現這個CodePen（http://codepen.io/ansac/pen/BHtkE），但這不是我想要達到的。我的問題是，我怎樣才能保持懸停在背景上，但動畫顯示在中間的文字。我會非常感興趣的是如何在水平方向上進行動畫製作（以便它來自左/右，並停止在給定位置（中央））或垂直（從上/下）到中心。

謝謝！

來源

2013-06-26 user2451472

這個問題似乎是脫離主題，因爲它是要求別人爲你寫代碼。請自己嘗試一下，然後回來一個更具體的問題。 –

這可能是事實，但由於我在Javascript中的知識爲空（並且沒有起點），我正在尋找某人可能已經實現的解決方案。 – user2451472

我曾嘗試亂了一下與你附加的鏈接。動畫最有可能會工作，但你必須弄亂你的CSS和位置設置，以找到正確的位置和調整（假設你編碼類似於這個頁面）。看看下面的內容，並確認這是你在找什麼。

注意：在CSS中，我將hovertext的文本對齊更改爲LEFT而不是CENTER，併爲jQuery添加了動畫選項。

http://codepen.io/anon/pen/jxlHm

我在同一條船上是那種爲你，學習的jQuery/JavaScript的，因爲我去，只是尋找一些好的書籍/網站一起幫助你。 jQuery的網站相當體面，因爲我開始在那裏尋找一個良好的開端。

來源

2013-06-26 15:40:53

嘿，那就是我一直在尋找的！我開始深入研究.animate（）函數，但目前尚未成功。非常感謝您的解決方案，但是我仍然面臨一個小問題 - 實際上文本需要半秒才能達到要求。這不是爲fadeIn設置的速度，很可能是文本到達圖像本身開始處的「0像素」邊界所需的時間。我已經研究了一下，並將剩餘邊距減少到最優（-80px），並將速度設置爲150ms - 我仍然可以注意到這個「暫停」。無論如何感謝！ – user2451472

沒問題！我現在不能進一步研究它，但很高興你走在正確的道路上。 –

-2

可你只要看看Jquery的動畫的方法，例如，http://www.w3schools.com/jquery/jquery_animate.asp

來源

2013-06-26 15:02:02

並非真正錯誤，但並非真正的答案。我真的會建議鏈接到jquery自己的文檔，而不是w3schools。 –

你的意思是jQuery.com文檔？ –

http://api.jquery.com/animate/ –

懸停動畫轉換（jQuery）

回答

相關問題