弄一个浮动层,覆盖你要实现选中效果的对象,并将z-index设置的比对象要高,然后在浮动层上设置 onclick 事件实现选中

解决方案 »

  1.   

    <div id="div1" style="width: 200px;height:200px;border: 1px solid;position: absolute;z-index:1;">//选中层
    请问阿打算大声地阿萨德爱的爱上的啊实打实打算啊的飒飒撒的
    </div>
    <div id="div2"><img src="img/banner1.jpg" style="width:150px;height:150px;border:1px solid;position: absolute;z-index:2000;display:none;"/>显示层
    </div>
    <script src="js/jquery-2.1.1.js"></script>
    <script>
    $("#div1").click(function()
    {
    alert("asd");
    $("#div2 img").css("display","block");
    });//单击选中层表示选中
      

  2.   

    <div id="div1" style="width: 200px;height:200px;border: 1px solid;position: absolute;z-index:1;">
    请问阿打算大声地阿萨德爱的爱上的啊实打实打算啊的飒飒撒的
    </div>//选中层
    <div id="div2"><img src="img/banner1.jpg" style="width:150px;height:150px;border:1px solid;position: absolute;z-index:2000;display:none;"/>
    </div>//显示层
    <script src="js/jquery-2.1.1.js"></script>
    <script>
    $("#div1").click(function()
    {
    alert("asd");
    $("#div2 img").css("display","block");
    });//单击选中层表示选中