Jquery到网页的灰色部分
Lea*_*ing 3 php jquery layout css3
我有一个如下图所示的设计,我有一个要求,用户可以点击名为A,B和C的矩形区域中的链接.当点击框B中的点击此处链接时,所有绿色区域应该除了BOX B之外灰色,与BOX A,C相同.
示例如图所示.
用户打开页面时
用户单击BOX B链接时
如果有任何类似的例子可以从我开始,我不确定这是否可行.我寻找但找不到类似的例子.通常它们的示例与整页灰显有关.
我可以通过使用onmouseover执行相同的操作,并将整个图像替换为具有灰色周围区域的另一个图像.但我不允许这样做.我不确定这是否可行.如果你能指出我正确的方向,或者如果这可能是灰色页面的某个区域,我将不胜感激.
这些页面专为PHP脚本而设计
我为你创建了一个小例子,你可以在这里找到:
它'基本上使用简单的css z-index来重叠/隐藏整个地方,而当前所选元素暂时高于z-index重叠<div>.
您会注意到,虽然<div>可以看到重叠,但您仍然可以单击所选的框.其他任何东西都无法访问(不删除事件处理程序等).仅仅因为有另一个元素与其余元素重叠.