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动画滚动到顶部停止按钮从翻转状态？

回答

相关问题