如何将背景图像设置为选定状态

How set the background image to selected state?

本文关键字：状态 设置 图像 背景      更新时间：2023-09-26

我使用以下脚本来更改菜单项中标记的背景图像悬停时的位置。但我想不出一种方法来设置所选状态的背景位置。你能帮帮我吗？

这是我用过的剧本。

$(document).ready(function () {
    $('#nav_main li a').hover(function () {
       height = $(this).height() * (-1);
       $(this).stop().animate({'backgroundPosition':'(0 ' + height + ')'}, {duration:300}); 
}, function () {  
    $(this).stop().animate({'backgroundPosition':'(0 0)'}, {duration:300}); 
    }         
);

请参阅hscripts css教程页面，了解如何为列表中的选定项目设置背景图像。http://www.hscripts.com/tutorials/css/backp3.php

您需要有一个选定的页面信息，例如，如果您在文件夹/home/index.php中，您可以在php中获得变量$folder = 'home';。然后在所有菜单项上设置特殊类，如myMenuItemhome当你到达主文件夹时，你会有一个jquery，如下所示：

$('.myMenuItem-'+folder).stop().animate(
    {'backgroundPosition':'(0 '+($('.myMenuItem-'+folder).height() * (-1))+')'}, {duration:300});
相关文章：