jquery動畫滾動到頂部停止按鈕從翻轉狀態？

請保持溫柔，因爲我不是一名編碼員，也非常適合初學者。我已經想出瞭如何讓一個位於長頁面底部的按鈕使頁面回滾到頂部，但以動畫方式。大哇，我在這裏你說，但對我來說並不容易。jquery動畫滾動到頂部停止按鈕從翻轉狀態？

我的按鈕包含在一個div中，並確實有翻轉狀態。起初它看起來是黑色的，翻過來時呈現橙色。由於將頂級功能添加到動畫中，我失去了翻轉狀態？

任何機構有任何想法如何解決這個小問題？這真的是我需要克服的最後一個問題，才能完成我的網站。這裏有一個鏈接的網頁：

http://www.infomaticfilms.com/jack/jrimg/g_and_d.htm

任何幫助將是非常讚賞如常。

傑克

來源

2012-12-30 jack rutter

你應該使用CSS在這種情況下，而不是JavaScript。 –

我會做的是將懸停圖像和靜態圖像合爲一體。使用CSS將圖像保存爲「背景圖像」，並在懸停時更改「背景位置」。一個很好的例子就是我們的分頁圖像：http://www.titaniumwebdesigns.com/wp-content/themes/titanium/images/pagination.gif –

@Titanium - 一個基於你的gif的例子：http：// jsfiddle .net/DerekL/ET753/ –

我建議您不要使用Dreamweaver來創建您的頁面。 JavaScript的MM代碼是不可讀的，所以它很難幫助你解決你的問題。

你有2個替代方案來改變你的圖片懸停。

1）由Derek和Titanium推薦的CSS。 2）改變你的腳本使用jQuery來改變懸停的圖像。

jQuery toogle

jQuery hover

如果您希望您的網頁更快寮國使用CSS。

我強烈建議您學習純xhtml和css，使用像dreamweaver這樣的編輯器。當你修復DD創建的crapy代碼的時候，你可以把html/html5和css放到學習的位置，並最終獲得更好的結果。

隨意，如果你需要用純HTML & CSS

來源

2012-12-30 20:36:59 Vaionixx

非常感謝您的時間和幫助，但我得到了它的工作。不知道爲什麼，但我只是刪除了翻轉圖像，然後重新插入它們和賓果，它的工作。再次感謝。 http://www.infomaticfilms.com/jack/jrimg/g_and_d.htm –

使用此幫我聯繫：

<a href="#top"> 
<img src="images/jr_img_projectPage_top_button.gif" 
onmouseout="this.src='images/jr_img_projectPage_top_button.gif'" 
onmouseover="this.src='images/jr_img_projectPage_top_button_ro.gif'"></a>

另一種方法是使用CSS：

.top { 
    clear: both; 
    height: 57px; 
    margin-bottom: 24px; 
    width: 84px; 
    background: url("images/jr_img_projectPage_top_button.gif"); 
} 

.top:hover { 
    background: url("images/jr_img_projectPage_top_button_ro.gif"); 
}

來源

2012-12-30 20:37:28 Ankit

您好，非常感謝您花時間回答我的問題。不幸的是，我沒有大腦記住所有的語法，因此永遠不會是一個編碼器。我是一個視覺的人，所以我被困在Dreamweaver中，但我一直在學習。我試過了我認爲可行但卻沒有的CSS方法。它解決了翻滾問題，但它停止了動畫滾動。我剝離翻轉並重新插入它，它工作？行星必須保持一致，否則現在一切都很好。 http://www.infomaticfilms.com/jack/jrimg/g_and_d.htm –

@jackrutter - '：hover'應該在'.top'之後 –

@Derek感謝您的編輯。 – Ankit

jquery動畫滾動到頂部停止按鈕從翻轉狀態？

回答

相關問題