哇，这是令人困惑的，这似乎是你的复杂情况。你不需要特定的页面CSS或类似的东西。你只需要设置。当前类在不同的时间。
当有人导航到您的网站时，您将知道他们正在加载什么#标签，或者是否没有任何#标签。
现在，基本上在页面加载时，您需要查看hashtag，如果有一个，如果它是正确的（因为它是您已经考虑的实际页面），那么您只需像现在一样加载该页面，但也要突出显示叶子。

实际上，你可以在.current叶子上简化整个过程

真正的“leaf”只有在你加载信息的时候才是“current”。所以当信息被加载并放置在你的$wrapper中时，淡入和动画;然后把你的.current放在上面。

更新-快速解决方案

http://jsfiddle.net/6p2f6/1/
基本上，我把修改.current leaves的东西移到了hash change中，在底部，我让它检查用户是否使用hash导航到了一个页面，如果没有，它就设置了一个默认值。这并不完美，但这是我目前所能做的最好的事情。

更新-新代码：）

http://www.mediafire.com/?51vajskfeu923的
有几个文件，所以我不能把它扔在一个JS小提琴
好吧，我不能让整个渐变菜单工作，但我得到了它显示/隐藏像一个正常的悬停。我可以看看它以后，但既然你知道如何做到这一点，我假设你可以弄清楚。只要去JavaScript文件，并寻找这一点：

$this = $(this);
        var currentHash = window.location.hash;
        console.log('specialMenu this.each(this) = '+$this.attr('href'));
        //append all images
        $this.append('<img class="defaultImage" src="'+settings.defaultImage+'"/>')
        .append('<img class="hoverImage" src="'+settings.hoverImage+'"/>')
        .append('<img class="activeImage" src="'+settings.activeImage+'"/>');
        
        //prepare positioning
        $('.defaultImage').css({
            'z-index':'1'
        });
        $('.activeImage').css({
            'z-index':'2'
        });
        $('.hoverImage').css({
            'z-index':'3'
        });
        //Make parent correct height
        $this.height($this.find('img').height());
        
        //check what hash value is loaded
        if(currentHash == $this.attr('href')){
            $this.find('img:not(.activeImage)').hide();
            $this.find('img.activeImage').show();
        }else{
            $this.find('img:not(.defaultImage)').hide();
            $this.find('img.defaultImage').show();
        }
        $(this).hover(function(){
            currentHash = window.location.hash;
            $(this).find('img:not(.hoverImage)').hide();
            $(this).find('img.hoverImage').show();
        },function(){
            currentHash = window.location.hash;
            if(currentHash == $(this).attr('href')){
                $(this).find('img:not(.activeImage)').hide();
                $(this).find('img.activeImage').show();
            }else{
                $(this).find('img:not(.defaultImage)').hide();
                $(this).find('img.defaultImage').show();
            }
        });
    });
 },

字符串
现在在主页上设置它，看看这段代码：

$('#contentContainer').jdAjaxContent({
            'defaultPage': 'home',
            'pathToLoadGif' : 'ajaxloading.gif'
        });
        $("#destroy").click(function(){
            console.log('destroy.click');
            $(this).jdAjaxContent('destroy');
        });
        
        //had to put this in its own window load, not sure why; weird bug
        $(window).load(function(){
            console.log('specialMenu.click');
            $('a[href^=#]').jdAjaxContent('specialMenu',
                {
                    'defaultImage': 'MenuIcons-01.png',
                    'hoverImage' : 'MenuIcons-02.png',
                    'activeImage' : 'MenuIcons-03.png'
                });
        });

型
忽略销毁位，这只是摆脱插件;把它拿出来。
你对

$('#contentContainer').jdAjaxContent({
            'defaultPage': 'home',
            'pathToLoadGif' : 'ajaxloading.gif'
        });

型
$（'#contentContainer'）是您的容器加载到
默认页面是默认页面
pagetoLoadGif是通常显示的小加载gif的路径。
现在，您还需要查看

$('a[href^=#]').jdAjaxContent('specialMenu',
                {
                    'defaultImage': 'MenuIcons-01.png',
                    'hoverImage' : 'MenuIcons-02.png',
                    'activeImage' : 'MenuIcons-03.png'
                });

型
这是做你的小菜单的一点。因为你有不同的图像，你需要单独做每一个，像这样：

$('a[href^=#]').each(function(){
     $(this).jdAjaxContent('specialMenu',
                {
                    'defaultImage': $(this).attr('defaultImage'),
                    'hoverImage' : '$(this).attr('hoverImage'),
                    'activeImage' : $(this).attr('activeImage')
                });
                });

型
然后你把defaultImage=“blah”放在你的，所以它看起来像<a href="#blah”defaultImage=“blah”./>
也
在所有的' console.log'上查找替换到'//console.log'，这样所有的控制台内容就不会出现在你的实际网站上。

• 我发现编写自己的apache引擎非常有趣。*

我觉得你应该把

$(window).trigger('hashchange');

字符串
在ready事件函数中

$(document).ready(function() {
    $(window).trigger('hashchange');
});

型