Question

有菜单栏和标题。我希望不同的菜单项改变标题图像。

没有悬停 - ＆gt;默认标题图片

menu1 hover - ＆gt;改变标题图像

menu2 hover - ＆gt;改变标题图像2

menu3 hover - ＆gt;改变标题图像3

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

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

Answer 1

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

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

 }

Answer 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');
      }
}):

菜单和标题

2 个答案: