Fatal编程技术网
  • javascript/
  • Javascript 点击图片移动到前面？

Javascript 点击图片移动到前面？

javascript jquery css

Javascript 点击图片移动到前面？,javascript,jquery,css,Javascript,Jquery,Css,有人能给我指出正确的方向，这样我就可以创建一个函数，比如 我想创建一个类似的东西，当你点击一堆图像中的一个图像时，它会把它带到最前面 似乎找不到它的名字 $("img.myclass").click(function() { $("img.myclass").not(this).css("z-index", 0); $(this).css("z-index", 100); }); 如果图像使用position:absolute定位，您可以在图像上附加onclick处理程序并

有人能给我指出正确的方向，这样我就可以创建一个函数，比如

我想创建一个类似的东西，当你点击一堆图像中的一个图像时，它会把它带到最前面

似乎找不到它的名字

$("img.myclass").click(function() {
     $("img.myclass").not(this).css("z-index", 0);
     $(this).css("z-index", 100);
});
如果图像使用
position:absolute
定位，您可以在图像上附加onclick处理程序并更改其
z-index
我会这样做，这样您就有了一个全局
zIndex
变量，只需使用最新值+1进行更新


var zIndex = 0;
$('.myImageClass').click(function(){
  zIndex++;  
  $(this).css('zIndex', zIndex);
});


z索引仅影响定位为静态以外的元素（因此：相对、绝对或固定）


使用此方法，您可以将它们按任意顺序放置，而不是总是将其他所有内容恢复为默认值。
如果不检查其工作原理，我猜它只是修改了
z-index
css属性<代码>$（this.css（'z-index'，999）
同时根据其类别或其他内容将所有其他项的z索引设置回低值，如0阅读有关
style.zIndex
属性和
单击
事件的详细信息