Question

点击跳出层代码如何做？

我想做一个效果：点击链接跳出一个新闻列表层（可关闭），点击新闻列表会出现新闻内容，然后有回到列表页的操作。 新闻列表、新闻内容、回到列表页都在这个跳出的层里操作。 这个效果如何做啊？请各位高手指点，给出详细代码，谢谢~~~

Answer 1

<script type="text/JavaScript"> <!-- var t_DiglogX,t_DiglogY,t_DiglogW,t_DiglogH; //定义对话框的X坐标,Y坐标,宽度和高度 function StrCode(str){ //将字符串进行js编码的函数 if(encodeURIComponent) return encodeURIComponent(str); if(escape) return escape(str); } function Browser(){ //定义一个判断浏览器的类,用于返回浏览器类型 var ua, s, i; this.isIE = false; this.isNS = false; this.isOP = false; this.isSF = false; ua = navigator.userAgent.toLowerCase(); //获得用户浏览器信息,并转化为小写 s = "opera"; if ((i = ua.indexOf(s)) >= 0){ //信息中含有opera,刚说明是opera this.isOP = true; return; } s = "msie"; if ((i = ua.indexOf(s)) >= 0){ //同上 this.isIE = true; return; } s = "netscape6/"; if ((i = ua.indexOf(s)) >= 0){ //同上 this.isNS = true; return; } s = "gecko"; if ((i = ua.indexOf(s)) >= 0){ //同上 this.isNS = true; return; } s = "safari"; if ((i = ua.indexOf(s)) >= 0){ //同上 this.isSF = true; return; } } function DialogShow(showdata,ow,oh,w,h){ //定义显示对话框的函数 var objDialog = document.getElementById("DialogMove"); if (!objDialog){ objDialog = document.createElement("div"); } t_DiglogW = ow; t_DiglogH = oh; DialogLoc(); objDialog.id = "DialogMove"; var oS = objDialog.style; oS.display = "block"; oS.top = t_DiglogY + "px"; oS.left = t_DiglogX + "px"; oS.margin = "0px"; oS.padding = "0px"; oS.width = w + "px"; oS.height = h + "px"; oS.position = "absolute"; oS.zIndex = "100"; oS.background = "#FFF"; oS.border = "solid #000 1px"; objDialog.innerHTML = showdata; document.body.appendChild(objDialog); } function DialogHide(){ //定义隐藏对话框的函数 ScreenClean(); //调用屏幕清除方法 var objDialog = document.getElementById("DialogMove"); //获取对话框对象 if (objDialog){ //如果存在 objDialog.style.display = "none"; //通过CSS关闭此Div的显示 } }