Question

如何创建这样的效果（每次单击菜单上的选项时，您会看到一个很好的淡入淡出效果，只会出现在网页内容而非整页中）请参阅示例：< / p>

http://www.wix.com/demone2/country_b_and_b

请告诉我如果你知道一些jquery脚本可以产生这种效果，或者你知道其他技术。

非常感谢任何帮助。

编辑：

我在菜单中的链接中添加了一个class =“transition”，并将一个class =“divTofade”添加到我想要给出效果的div中。 Jojo提供的链接运行良好，但在整个页面上创建效果，只是删除和更改一些我可以给出淡入淡出的代码，但是不能像我给出的示例Web那样工作，正在淡化-div class =“transition” - 来0然后重定向到另一个链接，在示例中-div class =“transition” - 正在淡化，您可以在后台看到您重定向的链接的内容。

$("a.transition").click(function(event){
 event.preventDefault();
 linkLocation = this.href;

$(".divToFade").fadeOut(1000, redirectPage);
});

function redirectPage() {
window.location = linkLocation;
};

请帮帮我： - ）

抱歉我的英语，而不是我的母语。

Answer 1

使用jquery可以为页面添加一些fadeIn和fadeOut效果

http://api.jquery.com/fadeIn/
http://api.jquery.com/fadeOut/

Answer 2

你可以在这里实现这个效果：

http://www.onextrapixel.com/2010/02/23/how-to-use-jquery-to-make-slick-page-transitions/

页面之间<div>的淡化效果</div>

2 个答案: