变化的z-index用JavaScript

我在PHP制作一个网站变化的z-index用JavaScript

我做左侧菜单这样

enter image description here

这些菜单中的一个字符串从数据库中来。我用回声打印它。我使用图像作为每个菜单的背景。

现在我想这样

enter image description here

我有一个箭头图像。

我知道我可以用z-index做到这一点。但我不能只用css来做。所以我需要一个帮助来做到这一点与JavaScript。我想用JavaScript或jQuery的

来源

2011-02-02 enthusiastic

的对于所有的CSS的解决方案尝试建立你的菜单是这样的...

<style type="text/css"> 
    .menu li { 
    background:url(path/to/gradient.png) top left repeat-x; 
    } 
    .menu li a { 
    display:block; 
    padding:2px 5px; 
    backround:url(path/to/arrow.png) bottom right no-repeat; 
    } 
</style> 


<ul class="menu"> 
    <li><a href="fanclub.php">Fan Club</a></li> 
    <li><a href="blog.php">Blog</a></li> 
    <li><a href="poll.php">Poll</a></li> 
</ul>

如果你必须做在JavaScript解决方案（我建议你避免的），你可以访问一个企业的Z-index属性y元素（支持它）像这样：

// DOM Scripting Example (Single Element) 
myElement.style.zIndex = 1000; 

// jQuery Example (All elements with the "arrow" class) 
$('.arrow').css('z-index', 1000);

来源

2011-02-02 05:14:29

我会建议您的菜单，但无序列表。因为它在技术上是导航链接的列表:) – corroded 2011-02-02 05:20:13

使用jQuery更改HTML：

$(function() { 
    $('.myselectorclass').css('z-index','1000'); 
});

替换 '1000' 与你的期望的z-index值，当然

来源

2011-02-02 05:08:29

变化的z-index用JavaScript

回答

相关问题