菜单和标题

【问题标题】：menu and header菜单和标题
【发布时间】：2012-01-26 12:19:56
【问题描述】：

有一个菜单栏和一个标题。我想要不同的菜单项更改标题图像。

无悬停 -> 默认标题图片

menu1 悬停 -> 更改标题图像1

menu2 悬停 -> 更改标题 image2

menu3 悬停 -> 更改标题图像3

我用 Photoshop 创建：http://bogdany.malafree.hu/pic.jpg

对不起英语不好... 我在等答案

【问题讨论】：

标签： css

【解决方案1】：

您必须将标题图像放在菜单中。然后你可以这样做：

.menu1:hover div.header1 {
       background-image:url(/header2.jpg);

 }

【讨论】：

【解决方案2】：

使用 jquery，也许吧？像这样：

$(document).ready(function () {
    // #menu is the id of either the container div or the ul
    $('#menu li').hover(
        function() {
            var index = $('#menu li').index(this);
            //#header is the ID of your header image
            $('#header').attr('src','../imgs/your_image_name'+index+'.jpg');

      },
      function() {
            $('#header').attr('src','../imgs/your_image_name.jpg');
      }
}):

【讨论】：