-2

我怎样才能创建这样的效果(每次单击菜单上的选项时,您都会看到一个很好的淡入淡出效果,它只发生在网页的内容中而不是整个页面中)请参见示例:

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

如果您知道一些可以实现该效果的 jquery 脚本或者您知道其他技术,请告诉我。

任何帮助将不胜感激。

编辑:

我在菜单中的链接中添加了一个 class="transition",并在我想要产生效果的 div 中添加了一个 class="divTofade"。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;
};

请帮我 :-)

对不起我的英语,不是我的母语。

4

2 回答 2

0

使用 jquery 你可以为页面添加一些淡入淡出效果

http://api.jquery.com/fadeIn/
http://api.jquery.com/fadeOut/
于 2013-04-02T08:36:22.813 回答
-1

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

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

于 2013-04-04T09:20:53.353 回答