0

我正在使用http://nixbox.com/projects/jquery-lavalamp/demos/original.html熔岩灯插件。

我试图改变我的菜单项的颜色只有当 lavalamp 效果影响它时。不选择或不 css 悬停时。这个插件有一个回调函数 hoverFinish 并且有一个 startItem 属性可以在http://nixbox.com/projects/jquery-lavalamp/demos/urltest/看到。我只想在 lalavalamp 完成时才使用它来选择当前突出显示的项目的 ID。

这是一个示例，其中包含我想在哪里捕获它的评论。

jQuery(window).load(function() {            
        $('header ul#mainmenu').lavaLamp({
            hoverFinish: function() {
        //Get current highlighted target tag
    }
        });
});

这样做是因为，碰巧我的悬停或 selectedlava 文本颜色与菜单背景相同，所以当悬停离开菜单项时，它的文本看起来像背景，所以它“消失”。

4

1 回答 1

0

我必须想出一种在插件实用程序之外执行此操作的方法：

jQuery(window).load(function() {

    $('header ul#mainmenu').lavaLamp(); //enable lavalamp plugin on the selected tag

    var selectedLava = $('ul#mainmenu li.selectedLava').index();// Get the current lavalamp highlighted  element index 

  //Always have the index of the lavalamp highlighted element

    $('ul#mainmenu li a').click( function(){
        selectedLava = $(this).parent().index(); 
    });

 //Change selectedLava class as desired on hover

    $('ul#mainmenu li').hover(
        function(){

            $('ul#mainmenu li.selectedLava').removeClass('selectedLava');
        },
        function(){
            $("ul#mainmenu li").eq(selectedLava).addClass('selectedLava');
        }
    );
});

这将使您有机会根据需要在每个“lavalamped”元素上更改颜色... :) 希望这对某人有所帮助...

于 2016-08-19T08:25:27.887 回答