求jQuery遮盖层的一个效果

Question

本帖最后由 kevinecho 于 2011-11-09 20:43:19 编辑

Answer 1

遮罩层初始高度为0，然后通过slideUp来实现盖住图片的功能即可，
至于你说的要半透明，设置opacity的值即可。

Answer 2

透明不管 这个搞得定。 问题有两个 1、隐藏的遮罩层的定位问题 2、向上浮动的问题 3、遮罩主下面的图片后，mouse相应的问题代码如下：$(document).ready(function(){ 
$("#show").bind("mouseover",Fadein); //为btnFadein绑定click时间 
$("#show").bind("mouseleave",Fadeout); //为btnFadeout绑定click时间 
}) function Fadein(){ 
$("#divD").slideDown("slow"); //滑入 
} function Fadeout(){ 
$("#divD").slideUp("slow"); //滑出 
} 
<p id="show" style="position:relative; margin: 100px;">滑入</p> 
<div id="divD" style="width:200px;height:200px;border:1px red solid;display:none;background-color:red; position:absolute; top:0">

Answer 3

用effect控制层的位置就OK了。