菜单和标题

时间:2012-01-26 12:19:56

标签: css

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

  

没有悬停 - >默认标题图片

     

menu1 hover - >改变标题图像

     

menu2 hover - >改变标题图像2

     

menu3 hover - >改变标题图像3

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

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

2 个答案:

答案 0 :(得分:0)

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

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

 }

答案 1 :(得分:0)

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