`
linwei_211
  • 浏览: 191622 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

【仿IE顶部弹出提示】可用来设置公告可关闭

 
阅读更多

第一种方式:基础写法(浏览器页面上方全占满,提示信息前后都有图片,鼠标放在图片上显示小手,点击图片关闭)
<div id='top_tooltip' style="BORDER-RIGHT: #fff 1px solid;
BORDER-TOP: #fff 1px solid; DISPLAY: none;
FONT-SIZE: 12px; BACKGROUND: #ffffe1;
MARGIN: 1px auto; BORDER-LEFT: #fff 1px solid;
COLOR: #ff4e00; LINE-HEIGHT: 26px;
BORDER-BOTTOM: #aca899 1px solid;
HEIGHT: 26px; TEXT-ALIGN: left"
>
<A style="DISPLAY: inline;
BACKGROUND: url(warning.gif);
FLOAT: left; MARGIN: 5px 10px;
WIDTH: 15px; CURSOR: pointer; HEIGHT: 15px"
onclick='set_top_visible("none");'
>
</A>
<A style="DISPLAY: inline; BACKGROUND: url(add.gif);
FLOAT: right; MARGIN: 5px 10px; WIDTH: 15px; CURSOR: pointer; HEIGHT: 15px"
onclick='set_top_visible("none");'
></A>
<SPAN style="COLOR: #333">系统提醒您:</SPAN>您当前使用的浏览器版本过低,可能无法正常显示本社区内容,请升级您的浏览器到最新版!
</div>
<SCRIPT type=text/javascript>
        var st = 0000;
        var ht = 5000;
        function set_top_visible(v){
            (!v) && (v = "block");
            try
            {
                document.getElementById("top_tooltip").style.display=v;
            }
            catch(e){}
        }
        setTimeout("set_top_visible()",st);
    </SCRIPT>
----------------------------------------------------------------
第二种方式:比较牛差的写法,用document.createElemen(浏览器页面上方中间显示占,提示信息后有图片,鼠标放在图片上显示小手,点击图片关闭)
<SCRIPT type=text/javascript>
      Ext.onReady(function() {
   if ((Ext.isIE && (Ext.isIE6 || Ext.isIE7))) {//用ext的已有方法判断是否是ie6或者ie7
    var newDiv = document.createElement("div");
   
    newDiv.style.position = "absolute";
    newDiv.style.zIndex = "9999";
    newDiv.style.width = "1000px";
    newDiv.style.height = "16px";
    newDiv.style.top = "1px";
    newDiv.style.left = (parseInt(document.body.scrollWidth)-685) / 2 + "px";
    newDiv.style.background = "#ffffe1";
    newDiv.style.border = "#fff 1px solid";
    newDiv.style.padding = "2px";
  
    newDiv.id="top_tooltip";
    newDiv.style.color="#ff4e00";
    //newDiv.innerHTML = '<SPAN style="COLOR: #333">系统提醒您:</SPAN>您当前使用的浏览器版本过低,可能无法正常显示本社区内容,请升级您的浏览器到最新版!';
    //js页面不让写中文,故直接用的ASC码
    newDiv.innerHTML = '<SPAN style="COLOR: #333"><strong>\u6ce8\u610f\uff1a</strong></SPAN>\u8be5\u7cfb\u7edf\u91c7\u7528\u4e86\u5148\u8fdb\u7684\u5bcc\u5ba2\u6237\u7aef\u6280\u672f\uff0c\u60a8\u6240\u4f7f\u7528\u7684\u6d4f\u89c8\u5668\u8f83\u4e3a\u9648\u65e7\uff0c\u5efa\u8bae\u60a8\u5c06\u6d4f\u89c8\u5668\u5347\u7ea7\u81f3IE8\u6216\u66f4\u9ad8\u7248\u672c\u4ee5\u83b7\u5f97\u66f4\u597d\u7684\u4f53\u9a8c\u3002';
    
    var img=new Image();
    img.src="images/delete.gif";
    img.style.cursor= 'pointer';
    img.onclick = function(){set_top_visible("none");}'
    function set_top_visible(v){
     (!v) && (v = "block");
     try
     { 
      document.getElementById("top_tooltip").style.display=v;
     } catch(e){}
    }
    newDiv.appendChild(img);
    document.body.appendChild(newDiv);
   }
     });
 </SCRIPT>

分享到:
评论

相关推荐

    仿IE顶部弹出提示插件 for PHPwind7.5 sp3.rar

    这个“仿IE顶部弹出提示插件 for PHPwind7.5 sp3.rar”是一个专为PHPwind7.5 SP3版本设计的插件,其功能是模拟旧版Internet Explorer浏览器(IE)顶部的弹出提示效果,用于发布站内公告或重要信息,用户可以选择关闭...

    自动关闭ie的弹出窗口

    标题中的“自动关闭ie的弹出窗口”是指在使用Internet Explorer(简称IE)浏览器时,通过编程方式自动处理和关闭那些不必要的弹出式窗口。在Web开发或日常使用中,弹出窗口可能会带来不便,尤其是在自动化测试或者...

    IE设置弹出窗口、安全站点

    ### IE浏览器设置详解:弹出窗口与安全站点配置 #### 一、引言 随着互联网技术的发展,浏览器作为用户接入互联网的重要工具之一,其安全性与便捷性显得尤为重要。Internet Explorer(简称IE)作为曾经占据市场主导...

    vue如何在用户要关闭当前网页时弹出提示的实现

    本文介绍了vue如何在用户要关闭当前网页时弹出提示的实现,分享给大家,具体如下: 效果如下图 正常 js 页面处理方式 [removed] = function (e) { e = e || window.event; // 兼容IE8和Firefox 4之前的版本 if ...

    自动关闭IE弹出窗

    "自动关闭IE弹出窗"的实现通常依赖于浏览器插件或特定的设置。在IE中,用户可以通过以下几种方式来控制弹出窗口: 1. **浏览器设置**:进入IE的“工具”菜单,选择“Internet选项”,在“隐私”选项卡中,你可以...

    IE下载完成后怎么不弹出提示框?.docx

    在日常浏览中,我们经常会遇到下载文件的需求,而在 IE 浏览器中,下载完成后会弹出一个提示窗口,可以选择打开、打开文件夹和关闭。但是,如果我们不小心勾选了“下载完成后关闭此对话框”复选框,那么下载完后就...

    ie8弹出窗体

    ### IE8弹出窗体问题解析与解决方案 #### 背景介绍 在早期的互联网浏览器版本中,Internet Explorer 8(简称IE8)作为微软的一款主流浏览器,在企业级应用和个人用户中都占有一定的市场份额。然而,随着技术的发展...

    仿58同城鼠标经过右侧弹出层

    结合以上知识点,可以得出这个“仿58同城鼠标经过右侧弹出层”的实现过程: - 首先,通过 CSS 设置好弹出层的样式和初始隐藏状态; - 接着,利用 JavaScript 和 jQuery 实现当鼠标悬浮在特定的 `&lt;a&gt;` 元素上时,弹出...

    IE7 IE8弹出框子在IE后面(OCX)

    标题 "IE7 IE8弹出框子在IE后面(OCX)" 描述的是一个常见的技术问题,即在使用Internet Explorer 7或8时,通过调用OCX控件或其他方式打开的弹出窗口可能会被浏览器窗口遮挡,出现在IE主窗口的后面,导致用户无法...

    简单的jQuery弹出遮罩层小插件,可移动,兼容IE678.rar

    这个小插件的核心功能是创建一个可移动、可关闭的弹出层,它在设计时特别考虑了对老版本Internet Explorer(IE6、IE7和IE8)的兼容性。 jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画...

    弹出层,仿网易登陆弹出。

    在本例中,我们将讨论一个仿网易登录弹出层的设计实现,它具备一系列高级特性,包括可拖动、窗口居中、自定义大小、背景变暗以及半透明边框。 首先,让我们深入理解这些特性: 1. **可拖动功能**:这个特性允许...

    ASP开发实例 窗口及页面设置的一些样式 鼠标单击链接样式 为弹出的窗口加入关闭按钮 日期选择器 弹出全屏显示网页 关闭IE主窗口时,不弹出询问对话框 弹出网页对话框 安徽机电职业技术学院 陈伟

    在本实例中,我们将深入探讨ASP开发中的几个关键知识点,包括窗口和页面的样式设置、鼠标单击链接的样式、添加窗口关闭按钮、日期选择器、全屏显示网页以及关闭IE浏览器时的提示对话框处理。 1. **窗口及页面设置**...

    Windows 7系统IE8浏览器弹出窗口阻止程序如何设置是否提示.docx

    因此,了解如何设置IE8浏览器的弹出窗口阻止程序,以控制是否提示用户窗口被阻止,是非常实用的技能。 首先,要访问IE8的设置,你需要通过“控制面板”来操作。在电脑屏幕左下角的“开始”菜单中,点击“开始”按钮...

    弹出层,可拖动,仿discuz2.x 登陆弹出

    本文将详细探讨“弹出层,可拖动,仿discuz2.x 登录弹出”这一主题,以及相关的技术实现和特点。 首先,弹出层的核心特性是它的可拖动性。这意味着用户可以通过鼠标点击并移动来改变弹出层的位置,提供了更高的交互...

    修复IE不能弹出二级窗口的命令

    修复IE不能弹出二级窗口的命令 修复IE不能弹出二级窗口的命令

    屏蔽IE8访问https网站的弹出提示.docx

    - 将其设置为“启用”,这样IE8就不会因为混合内容而弹出警告提示了。 - 完成设置后,点击“确定”保存更改,并关闭所有IE窗口后重启浏览器使设置生效。 #### 注意事项 - **安全风险**:虽然上述方法可以有效屏蔽...

    JS弹出层对话框,Tooltip提示,Msg消息框

    JS弹出层对话框插件源码,包含弹出层对话框和Tooltip提示框,消息框等多种功能,兼容主流浏览器(注:不兼容IE9以下版本的IE浏览器)。内置4种颜色的皮肤,且可以自定义对话框样式,可设置对话框位置。Tooltip可以...

    退弹代码(关闭网页弹出)_可突破IE6_IE7_IE8限制

    总结来说,这个退弹代码解决方案是为了解决IE6、IE7和IE8的弹窗限制,通过监听页面事件、创建ActiveXObject以及处理链接点击事件,实现了在特定条件下防止新窗口弹出的功能。由于这个代码仅在IE6、IE7、IE8下测试...

    Delphi禁止WebBrowser弹出IE的对话框

    Delphi的WebBrowser组件是基于Internet Explorer(IE)的ActiveX控件,因此它会继承IE的一些特性,包括弹出警告对话框,如JavaScript的`alert()`函数。然而,在某些情况下,开发者可能不希望这些对话框出现,而是...

    自写jQuery插件,实现简单网页遮罩层/弹出层功能,兼容IE6、IE7

    实现弹出网页遮罩层,可兼容IE6/IE7/IE+++等; 缩放浏览器时,内容狂始终居中; 有点小bug,在IE6下,遮罩层颜色没透明,屎黑色,等我有空完善下。

Global site tag (gtag.js) - Google Analytics