怎么用jquery让局部页面无法选择

Question

问题详细要求：
1.通过页面按钮弹出一个隐藏的层，层里面的内容可以选择。页面其余部分不能。
2.层里面也有个按钮，点这个按钮隐藏层，并且页面恢复选择的功能。

Answer 1

假设隐藏的层为<div id="divhide"><p>选择一</p><p>选择二</p><p>选择三</p> <input type="button" value="确定"/></div>
<input type="button" id="btnshow" value="显示div层" />
<input type="button" id="btnResult" value="显示选择结果" />js脚本为：
<script language="javascript" >
var selectValue ="";
$(document).ready(function(){
  
   $("#divhide p").click(function(){
      selectValue = this.innerText;//选择层的<p></p>的值
   }); 
    $("#divhide input").click(function(){
      $("#divhide").hide();//隐藏div层
   }); 
   $("#btnshow").click(function(){
   $("#divhide").show();//点击显示按钮显示div层
});
 $("#btnResult").click(function() {
            alert(selectValue); //显示选择结果
            });
})
</script>
简单的例子，具体的样式什么的可以自己设置

Answer 2

参考聚光灯效果
在弹出的DIV下面 在弄一个全页面覆盖的DIV{可以透明}

Answer 3

早上起来坐个地下室!。这种方法是能屏蔽一些按钮之类的html元素。
但还是不能阻止用户选择页面!!
老实说我是在参照腾讯的点击一个按钮弹出层，然后层后面的内容都屏蔽。
有QQ的朋友可以看下示例，打开QQ空间-留言版-随便选条留言点举报-弹出这个层就是我想要的效果。
其他部分都实现了，就差屏蔽。

Answer 4

<div onselectstart="return false">
就是一个0%的透明遮盖层

Answer 5

<div id="showDiv" style="display:none;">aa 
    <input type=text>
    <button id=hide>hide</button>
</div>
<div id=back style="display:none;"></div>
<input type=text>
<button id=show>show</button>
<script src="http://code.jquery.com/jquery-latest.js"></script><script>
window.onload = function(){
    $("#showDiv").css({
        position:"absolute",
        left:"100px",
        top :"100px",
        width:"100px",
        height :"100px",
        border:"1px solid #AAA",
        "z-index":"1"
    });
    $("#back").css({
        position:"absolute",
        left:"0px",
        top :"0px",
        width:"100%",
        height :"100%",
        background:"#DDD",
        filter:"alpha(style=0,opacity=50)",
        "z-index":"0"
    });
    //1.通过页面按钮弹出一个隐藏的层，层里面的内容可以选择。页面其余部分不能。 
    $("#show").click(function(){
        $("#showDiv").toggle();
        $("#showDiv").focus();
        $("#back").toggle();
    });
    //2.层里面也有个按钮，点这个按钮隐藏层，并且页面恢复选择的功能。
    $("#hide").click(function(){
        $("#showDiv").toggle();
        $("#back").toggle();
    });
};
</script> 

Answer 6

这里有一个js写的类似的效果
你可以自己改成jq 的

Answer 7

#1楼可能是我表达的意思很抽象。
所以您给的例子我不知道讲的什么。建议您去看看具体示例。
写了这个脚本也不能达到我要的效果。页面上的按钮之类的元素是可以被屏蔽，
但用户还是可以通过选择弹出层中的内容选中弹出层之外的内容。
#5楼。toggle()就是隐藏和显示层，还是没有实现屏蔽用户选择内容，和4楼一样啊.
#6楼，您给的例子我还在看。
对大家这么积极的回答我表示谢谢。。