我对此比较陌生,想知道是否有人能指出我正确的方向!我希望在单击菜单链接时为页面加载的某些方面设置动画。
$("document").ready( function() {
$('.page_box_fade').css("display", "none")
.fadeIn('300');
$(".nav_image").click( function(){
$('.page_box_fade').fadeOut('300');
document.location = $(this).parent().attr("href");
return false;
});
});
此代码似乎工作正常(ish),当我单击包含在链接中的图像“.nav_image”时,它会淡化 div '.page_box_fade' 的内容并同时重定向到单击的“href”属性.nav_image 的父链接。由于有 300 毫秒的淡入淡出,我希望脚本在重定向之前包含此内容,以使淡入淡出对用户真正可见。
$("document").ready( function() {
$(".nav_image").click( function(){
$('.page_box_fade').fadeOut('300');
setTimeout( "document.location = $(this).parent().attr('href')", 500 );
return false;
});
});
我认为 setTimeout 将是答案,但 $(this).parent().attr('href') 在按照我想的方式使用时是未定义的。
这是我的html的结构,一个简单的链接:
<a href="?id=0">
<img class="nav_image" src="images/home.png" alt="home" />
</a>
对此的任何帮助将不胜感激:)