首页 新闻 论坛 群组 Blog 文档 下载 读书 Tag 网摘 搜索 .NET Java 游戏 视频 人才 外包 培训 数据库 书店 程序员
中国软件网
欢迎您:游客 | 登录 注册 帮助
  • 模仿alert提示框,但是有一点问题请大家指点一下,谢谢了 [已结贴,结贴人:renqiang_888]
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • renqiang_888
    • 等级:
    • 可用分等级:
    • 总技术专家分:
    • 总技术专家分排名:
    • 揭帖率:
    发表于:2008-08-21 18:15:09 楼主
    <1>其实就是我点击关闭的时候提示框不能隐藏不知道为什么,请大家指点一下,谢谢了:
    如下图:
    HTML code
    <!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=gb2312" /> <title>无标题文档</title> <style type="text/css"> body { text-align:center; } #opacityContainer { width:100%; background-color:blue; left:0px; top:0px; position: absolute; filter:alpha(opacity=50); -moz-opacity:0.50; opacity: 0.50; z-index:100; display:none; } #opacityDiv_out { width:400px; height:150px; margin:0; border-left:2px solid #FFFFFF; border-top:2px solid #FFFFFF; border-right:2px solid #404040; border-bottom:2px solid #404040; background-color:#D4D0C8; position: absolute; z-index:102; display:none; } #opacityDiv_out #opcityDiv_top { width:100%; height:20px; margin:0px; border:0px; background-color:#0A256A; position: relative; filter:alpha(opacity=100,style=1,startX=30,startY=0,finishX=100,finishY=0); } #opacityDiv_out #opcityDiv_middle { width:392px; height:92px; margin:0px; border:0px; font-size:12px; line-height:12px; padding:4px; text-align:left; } #opacityDiv_out #opcityDiv_bottom { width:100%; height:30px; margin:0px; border:0px; position: relative; text-align:center; padding:0px; } #opacityDiv_out #opcityDiv_left { float:left; width:14px; height:14px; border:0px; position: relative; line-height:14px; margin:3px; font-size:13px; padding:0px; color:#ffffff; cursor:pointer; } #opacityDiv_out #opcityDiv_close { float:left; width:378px; height:20px; margin:0px; border:0px; background-color:#0A256A; position: relative; color:#ffffff; font-weight:bold;
    20  修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • SysTem128
    • 等级:
    • 可用分等级:
    • 总技术专家分:
    • 总技术专家分排名:
    发表于:2008-08-21 18:38:361楼 得分:20
    点击关闭的时候出发了两个事件
    一个是 closeTip() 里那两个还有一个是 body的click。
    其实是你点击关闭后 关闭了又打开了。
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • renqiang_888
    • 等级:
    • 可用分等级:
    • 总技术专家分:
    • 总技术专家分排名:
    发表于:2008-08-21 19:12:362楼 得分:0
    有道理
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • rjzou2006
    • 等级:
    • 可用分等级:
    • 总技术专家分:
    • 总技术专家分排名:
    发表于:2008-08-21 19:43:433楼 得分:0
    ext 推崇使用
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • clq271520093
    • 等级:
    • 可用分等级:
    • 总技术专家分:
    • 总技术专家分排名:
    发表于:2008-08-21 23:52:154楼 得分:0
    up
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • sxn19811006
    • 等级:
    • 可用分等级:
    • 总技术专家分:
    • 总技术专家分排名:
    发表于:2008-08-22 08:50:435楼 得分:0
    zhichi yi xia
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • p_x1984
    • 等级:
    • 可用分等级:
    • 总技术专家分:
    • 总技术专家分排名:
    发表于:2008-08-22 09:17:426楼 得分:0
    SysTem128 说的已经很明确了。确实在closeTip()这个函数当中调用了一个body的click。这是我测试的结果。
    function closeTip()//关闭提示
    {
      alert("1");
        var div1 = document.getElementById("opcityDiv_confirm");
        var div2 = document.getElementById("opcityDiv_left");
        alert("11");
        div1.onclick = function()
        {
        alert("2");
            document.getElementById("opacityContainer").style.display = "none";   
            document.getElementById("opacityDiv_out").style.display = "none";
        alert("22");
        }
        alert("来了");
        div2.onclick = function()
        {
        alert("3");
            document.getElementById("opacityContainer").style.display = "none";   
            document.getElementById("opacityDiv_out").style.display = "none"; 
            alert("33"); 
        }

    }
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • changke18
    • 等级:
    • 可用分等级:
    • 总技术专家分:
    • 总技术专家分排名:
    发表于:2008-08-22 09:23:527楼 得分:0
    没看出你哪里给 “关闭” 添加 事件closeTip()了
    修改 删除 举报 引用 回复

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