Jquery 动画滚动到顶部停止按钮具有翻转状态？

Question

请保持温和，因为我不是编码员，而且非常初学者。我已经想出如何使一个位于长页面底部的按钮使页面滚动回顶部但以动画方式。大哇我在这里你说，但对我来说并不容易。

我的按钮包含在一个 div 中并且确实有翻转状态。起初它看起来是黑色的，翻过来后它看起来是橙色的。自从将动画添加到顶部功能后，我失去了翻转状态？

任何机构对如何解决这个小问题有任何想法？这确实是我完成网站所需要克服的最后一个问题。这是该页面的链接：

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

任何帮助都将像往常一样非常感谢。

杰克

Answer 1

我建议您不要使用 Dreamweaver 来创建您的页面。 javascript MM代码不可读，因此很难帮助您解决问题..

您有 2 种选择来更改悬停时的图像。

1) Derek 和 Titanium 推荐的 CSS。 2）更改您的脚本以使用 jQuery 更改悬停时的图像。

jQuery toogle

jQuery hover

如果您希望页面加载速度更快，请使用 CSS。

我强烈建议您学习纯 xhtml 和 css 以使用 Dreamweaver 等编辑器。 你花时间修复 DD 创建的蹩脚代码，你可以学习 html/html5 和 css insted，最终得到更好的结果。

如果您需要纯 html 和 css 方面的帮助，请随时与我联系

Answer 2

使用这个：

<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");
}