首页 新闻 论坛 群组 Blog 文档 下载 读书 Tag 网摘 搜索 .NET Java 游戏 视频 人才 外包 培训 数据库 书店 程序员
中国软件网
欢迎您:游客 | 登录 注册 帮助
    • 彈出窗口請教 [已结贴,结贴人:david0620]
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • david0620
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    • 揭贴率：
    发表于：2008-08-20 08:58:22 楼主
    在打開主頁面時，彈出一個半透明的窗口，目的是告訴用戶一些信息。。
    這個半透明的窗口怎麼做？還有在主頁面裡要設什麼？
    20  修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • HW_zxc_002
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-08-20 09:00:581楼 得分:0
    up
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • chinahnzl
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-08-20 09:02:382楼 得分:0
    半透明的窗口是用JS模拟的哦。。

    设置是没有用的。

    用JS来显示DIV
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • pcb_ghl
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-08-20 09:03:493楼 得分:0
    div做
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • bhtfg538
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-08-20 09:04:104楼 得分:0
    js div 的display
    加个滤镜就搞定了
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • zhangjiguo1982
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-08-20 09:06:095楼 得分:0
    有javascript弹出一个已经做好的就行了
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • winflying36
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-08-20 09:06:516楼 得分:0
    可以用DIV +CSS 在Page_load 中加脚本显示出来，在定时关闭
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • Zine_Alone
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-08-20 09:11:267楼 得分:20
    这有个例子.

    <html>
    <title>半透明遮盖 </title>
    <head>
    <script>
    function test()
    {
    var div = document.createElement(" <div class='trans' oncontextmenu='return false;'>");
    var iframe = document.createElement(" <iframe class='trans' style='z-index:98;'>");
    document.getElementsByTagName("body")[0].appendChild(iframe);
    document.getElementsByTagName("body")[0].appendChild(div); 
    progress();
    iframe.style.display="none";
    div.style.display="none";
    }

    function progress()
    {
      var a = window.showModalDialog('Propage.html', window,'dialogWidth=500px;dialogHeight=250px;status=no');
      for(i=0;i <a.length;i++) document.getElementById("msg").innerHTML=document.getElementById("msg").innerHTML + " <br>" + a[i];

    // if(confirm('工作安排添加成功!是否继续添加?'))
    //    document.getElementById("msg").innerHTML="Yes";
    // else
    //    document.getElementById("msg").innerHTML="NO";
    }
    </script>
    <style>
    *{margin:0; padding:0;}
    body{height:100%;} .trans{width:100%;background:#CCC;position:absolute;left:0;right:0;top:0;bottom:0;-moz-opacity:0.5;filter:alpha(opacity=50);z-index:99;height:100%;}
    </style>
    </head>
    <body>
    <br>
    点确定后禁止编辑，并出现对话框
    <br> <br>
    <select id=slss>
    <option>选择1 </option>
    <option>选择2 </option>
    <option>选择3 </option>
    </select>
    <input type=button value=" 确定 " onclick="test()" ID="Button1" NAME="Button1">
    <br> <br>
    <div id=msg style="color:red"> </div>
    </body>
    </html>

    附：Propage.html 中的代码如下：

    <script>
    function sendToSubmit()
    {
      var a=new Array("a","b")
      window.returnValue = a
      window.close()
    }
    function sendToBack()
    {
      var a=new Array("cancle")
      window.returnValue = a
      window.close()
    }
    </script>
    <body>
    <form>
      <input value="确定" type=button onclick="sendToSubmit()">
      <input value="返回" type=button onclick="sendToBack()">
    </form>

    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • fellowcheng
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-08-20 09:16:048楼 得分:0
    用个div吧
    HTML code
    <html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>无标题页</title>
    <link href="../../css/sheet.css" type="text/css" 

rel="stylesheet">
    <style>
    .cssSelectUser
    {
        height:300px;width:300px; height:300px; 

position:absolute;display:none;background-color:Cyan;
filter:alpha(opacity=50); 
    }
    </style>
<script type="text/javascript">    function 

ShowUserTree(isShowChecker)
    {
        var divv=document.getElementById("mengban");
        divv.style.display="block";
        

divv.style.filter="Alpha(opacity=30,style=0)";
        divv.style.left="0px";
        divv.style.top="0px";
        

divv.style.width=document.body.scrollWidth+165;
        

divv.style.height=document.body.scrollHeight;
        divv.style.disabled="true";
        divv.style.zIndex=99;
        divv.innerHTML="<div 

style='position:absolute;left:"+ 

(document.body.clientWidth/2) +"px; top:0px; width:100%; 

z-index:100;'><img src='../../images/bodysuo.gif' alt='

此页面已被禁用' /></div>";
        window.status = 

document.body.clientWidth/2;
        if(isShowChecker == false)
        {
            var txtUserList = 

document.getElementById("txtReceiver");
            if(txtUserList.value.length>0 && 

txtUserList.value.substring(txtUserList.value.length-1) 

!= ",")
                txtUserList.value += ",";
            var divTree = 

document.getElementById("divSelectUser");
            divTree.style.display = "block"; 
            divTree.style.zIndex=101;
            divTree.style.left=

(document.body.clientWidth-parseInt(divTree.style.width)

)/2;
            divTree.style.top=

(document.body.clientHeight-parseInt(divTree.style.heigh

t))/2;
            Drag.init(divTree);
        }
        else
        {
            var txtUserList = 

document.getElementById("txtChecker");
//            

alert(txtUserList.value.substring(txtUserList.value.leng

th-1));
            if(txtUserList.value.length>0 && 

txtUserList.value.substring(txtUserList.value.length-1) 

!= ",")
                txtUserList.value += ",";
            var divTree = 

document.getElementById("divSelectChecker");
            divTree.style.display = "block"; 
            divTree.style.zIndex=101;
            divTree.style.left=

(document.body.clientWidth-parseInt(divTree.style.width)

)/2;
            divTree.style.top=

(document.body.clientHeight-parseInt(divTree.style.heigh

t))/2;
            Drag.init(divTree);
        }
    }
 function CancelAddUser()
    {
        var divv=document.getElementById("mengban");
        divv.style.display="none";
        var divTree = 

document.getElementById("divSelectUser");
        if(divTree)
            divTree.style.display = "none";
        var divTree1 = 

document.getElementById("divSelectChecker");
        if(divTree1)
            divTree1.style.display = "none"; 
    }
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="mengban" 

style="position:absolute;width:100%; height:100%; 

background-color:black; display:none;"></div>
   
  <table align="center" cellPadding="4" cellSpacing="0" 

width="99%" class="dtTABLE" id="tableUpFile">
 <tr>
    <td nowrap>发布范围</td>
    <td nowrap colspan="3"> 
<input type="text" id="txtReceiver" value="" style=" 

width:300px;" readonly runat="server" 

onclick="ShowUserTree(false)" />&nbsp;
<img id="btnShowUserTree" onclick="ShowUserTree(false)" 

alt="选择收件人" src="../../images/addpeople.gif" 

onmouseover=""/>
&nbsp;&nbsp;<img src="../../images/delete.gif" alt="清空

收件人" onclick="ClearUserList()"/>
  </td>
</tr>      
 </table>

 <div class="cssSelectUser" id="divSelectUser">
     <table width="99%" style="height:300px;" 

cellpadding="0" cellspacing="0">
     <tr><td width="60%">
     <div style="overflow:auto; width:298px; top:20px; 

height:230px; position:relative; padding-left:5px;">
                      <asp:TreeView 

ID="TreeViewUserList"   Target="left" runat="server"  
                   BorderStyle="None" ImageSet="Arrows"  

AutoGenerateDataBindings="False" ShowCheckBoxes="All" 

ExpandDepth="0" 

OnTreeNodePopulate="TreeView1_TreeNodePopulate">
                       <DataBindings>
                       <asp:TreeNodeBinding  

DataMember="GroupItem" NavigateUrlField="NavigateUrl" 

TextField="Text"
                         ToolTipField="ToolTip" 

ValueField="GroupId" />
                       </DataBindings>
                       <ParentNodeStyle 

Font-Bold="False" />
                       <HoverNodeStyle 

Font-Underline="True" ForeColor="#5555DD" />
                       <SelectedNodeStyle 

Font-Underline="True" HorizontalPadding="0px"
                        VerticalPadding="0px" 

ForeColor="#5555DD" />
                       <NodeStyle Font-Names="Verdana" 

Font-Size="8pt" ForeColor="Black" 

HorizontalPadding="5px"
                       NodeSpacing="0px" 

VerticalPadding="0px" />
                       <Nodes>
                           <asp:TreeNode 

Expanded="False" PopulateOnDemand="True" 

SelectAction="Expand"></asp:TreeNode>
                       </Nodes>
                       </asp:TreeView>
                      
                       </div>
                             </tr>
      <tr><td align="center" 

valign="middle">&nbsp;&nbsp;<input id="Button1"  

onclick="CancelAddUser()" type="button" value="关闭" 

/>&nbsp;&nbsp;</td></tr>
     </table>
                       </div>  
                      
        <asp:PlaceHolder ID="PlaceHolder1" 

runat="server"></asp:PlaceHolder>
        <asp:HiddenField ID="hfAppur" runat="server" />
    </form>
</body>
</html>


    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • shui8iuhs
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-08-20 09:23:429楼 得分:0
    那确实是用层做出来的效果。
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • ming4089
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-08-20 09:24:0810楼 得分:0
    up
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • david0620
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-08-20 09:24:5811楼 得分:0
    請各位就說在主頁面要怎麼做？
    還是就是哪個半透明的頁面要怎麼做就行了？？？？、、

    最簡單的代碼..
    修改 删除 举报 引用 回复
    网站简介－广告服务－网站地图－帮助－联系方式－诚聘英才－English－ 问题报告
    北京创新乐知广告有限公司 版权所有 京 ICP 证 070598 号
    世纪乐知(北京)网络技术有限公司 提供技术支持
    Copyright © 2000-2008, CSDN.NET, All Rights Reserved