有菜单栏和标题。 我希望不同的菜单项改变标题图像。
没有悬停 - >默认标题图片
menu1 hover - >改变标题图像
menu2 hover - >改变标题图像2
menu3 hover - >改变标题图像3
我用photoshop创建:http://bogdany.malafree.hu/pic.jpg
对不起英语不好...... 我在等待答案
答案 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');
}
}):