js控制弹出一个<div>或页面，用来存放我取到的图片

function clickone(){
    var str='<a href="../image/name.jpg"></a>';
    //这里应该怎么写才能弹出带这个图片的div或者页面
}

解决方案 »

  1.   

    http://blog.csdn.net/xuexiaodong2009/article/details/6605417
    JS制作有遮罩层的模式对话框
    http://blog.csdn.net/xuexiaodong2009/article/details/6553292
    使用JS制作弹出框的几个小问题参考下
      

  2.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="js/jquery-1.5.min.js"></script>
    <title>Collection</title>
    <script type="text/javascript">
        $(document).ready(function(){
                     $("#container img").live("click",function(){
                var sh=$(document).scrollTop();//????????
                var wh=$(window).height();//???????????
                var ww=$(window).width();//???????????
                var sl=$(document).scrollLeft();//????????
                var h=$("body").height();//???body??
                $("#Disable").height(h<wh?wh:h);//??????????
                $("#Disable").width(ww);//??????????
                $("#Disable").show();//???????
                $("#showImg").css("top",(wh-$("#showImg").height())/2+sh);//?????????λ?
                $("#showImg").css("left",(ww-$("#showImg").width())/2+sl);//ü?????????λ?
                $("#showImg").html("<img src='"+$(this).attr("src")+"'>");
                $("#showImg").show();//??????????DIV
                return false;
            });
        });
    </script>
    <style type="text/css">  
            .pointer{cursor:pointer;}
           ul img{cursor:pointer;}
    </style>
    </head>
    <body>
    <div id="container">
        <ul>
                                    <li>
                                        <img src="http://bmw065107.chinaw3.com/images/pic_img05.jpg" /><br />
                                        11
                                    </li>
                                    <li>
                                        <img src="http://bmw065107.chinaw3.com/images/pic_img06.jpg" /><br />
                                        22
                                    </li>
                                </ul>
    </div>
    <div id="showImg" style="display:none;z-index:30;position:absolute;left:70px; top:100px;height:350px; width:300px;">
        
    </div>
    <div id="Disable" style="display:none;z-index:10;width:100%; height:100%;filter:alpha(opacity=60);opacity:0.6;background-color:#413d3d; position:absolute;left:0px; top:0px;">
    </div>

    </body>
    </html>
      

  3.   


    创建一个层 让后 设置 层的 innerHTML 为 <img src='tupian.jpg'/>最后一步就是 弹出这个 层 
    {
      1.确定层的位置
      2.遮罩层
    }上面两个弹出层的两个问题 网上有很多    思路 就是这样  lz 在自己做做 
      

  4.   

    你要先在页面上存在一个隐藏的div 并设置样式z-index 将div中动态插入a链接 显示就OK了 
      

  5.   

    是要做成那种把鼠标放在图片上，会弹出一个大图的效果吗？
    那就绑定一个mouseover事件，创建一个div元素指向你的图片，mousemove就remove掉这个div。不知道是这样的吗
      

  6.   

    打个比方，首先你可以通过mouseover或者onclick等事件，触发函数一个函数showPic（）；
    取到图片所在的元素，类似这样子：
    function showPic(whichPic){
    var source = whichPic.getAttribute("href");
    var placeholder = document.getElementById("d1");
    placeholder.setAttribute("src",source);
    }
    你可以在页面上先创建一个<div id="d1" src=""></div>就可以得到你选择的图片了。不知道你是不是这个意思。