Question

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

我的按钮包含在div中并且确实具有翻转状态。起初它看起来是黑色的，当翻过来时它看起来是橙色的。由于将动画添加到顶级功能中，我已经失去了翻转状态？

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

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

任何帮助都会像往常一样非常受欢迎。

杰克

Answer 1

我建议您不要使用Dreamweaver来创建页面。 JavaScript的MM代码不可读，所以它可以帮助您解决问题..

您有两种方法可以在悬停时更改图像。

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

jQuery toogle

jQuery hover

如果您希望您的页面更快地使用CSS。

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

如果您需要有关纯HTML和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");
}

Jquery动画滚动到顶部停止按钮从滚动状态？

2 个答案: