第一种方式:基础写法(浏览器页面上方全占满,提示信息前后都有图片,鼠标放在图片上显示小手,点击图片关闭)
<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”是一个专为PHPwind7.5 SP3版本设计的插件,其功能是模拟旧版Internet Explorer浏览器(IE)顶部的弹出提示效果,用于发布站内公告或重要信息,用户可以选择关闭...
标题中的“自动关闭ie的弹出窗口”是指在使用Internet Explorer(简称IE)浏览器时,通过编程方式自动处理和关闭那些不必要的弹出式窗口。在Web开发或日常使用中,弹出窗口可能会带来不便,尤其是在自动化测试或者...
### IE浏览器设置详解:弹出窗口与安全站点配置 #### 一、引言 随着互联网技术的发展,浏览器作为用户接入互联网的重要工具之一,其安全性与便捷性显得尤为重要。Internet Explorer(简称IE)作为曾经占据市场主导...
本文介绍了vue如何在用户要关闭当前网页时弹出提示的实现,分享给大家,具体如下: 效果如下图 正常 js 页面处理方式 [removed] = function (e) { e = e || window.event; // 兼容IE8和Firefox 4之前的版本 if ...
"自动关闭IE弹出窗"的实现通常依赖于浏览器插件或特定的设置。在IE中,用户可以通过以下几种方式来控制弹出窗口: 1. **浏览器设置**:进入IE的“工具”菜单,选择“Internet选项”,在“隐私”选项卡中,你可以...
在日常浏览中,我们经常会遇到下载文件的需求,而在 IE 浏览器中,下载完成后会弹出一个提示窗口,可以选择打开、打开文件夹和关闭。但是,如果我们不小心勾选了“下载完成后关闭此对话框”复选框,那么下载完后就...
### IE8弹出窗体问题解析与解决方案 #### 背景介绍 在早期的互联网浏览器版本中,Internet Explorer 8(简称IE8)作为微软的一款主流浏览器,在企业级应用和个人用户中都占有一定的市场份额。然而,随着技术的发展...
结合以上知识点,可以得出这个“仿58同城鼠标经过右侧弹出层”的实现过程: - 首先,通过 CSS 设置好弹出层的样式和初始隐藏状态; - 接着,利用 JavaScript 和 jQuery 实现当鼠标悬浮在特定的 `<a>` 元素上时,弹出...
标题 "IE7 IE8弹出框子在IE后面(OCX)" 描述的是一个常见的技术问题,即在使用Internet Explorer 7或8时,通过调用OCX控件或其他方式打开的弹出窗口可能会被浏览器窗口遮挡,出现在IE主窗口的后面,导致用户无法...
这个小插件的核心功能是创建一个可移动、可关闭的弹出层,它在设计时特别考虑了对老版本Internet Explorer(IE6、IE7和IE8)的兼容性。 jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画...
在本例中,我们将讨论一个仿网易登录弹出层的设计实现,它具备一系列高级特性,包括可拖动、窗口居中、自定义大小、背景变暗以及半透明边框。 首先,让我们深入理解这些特性: 1. **可拖动功能**:这个特性允许...
在本实例中,我们将深入探讨ASP开发中的几个关键知识点,包括窗口和页面的样式设置、鼠标单击链接的样式、添加窗口关闭按钮、日期选择器、全屏显示网页以及关闭IE浏览器时的提示对话框处理。 1. **窗口及页面设置**...
因此,了解如何设置IE8浏览器的弹出窗口阻止程序,以控制是否提示用户窗口被阻止,是非常实用的技能。 首先,要访问IE8的设置,你需要通过“控制面板”来操作。在电脑屏幕左下角的“开始”菜单中,点击“开始”按钮...
本文将详细探讨“弹出层,可拖动,仿discuz2.x 登录弹出”这一主题,以及相关的技术实现和特点。 首先,弹出层的核心特性是它的可拖动性。这意味着用户可以通过鼠标点击并移动来改变弹出层的位置,提供了更高的交互...
修复IE不能弹出二级窗口的命令 修复IE不能弹出二级窗口的命令
- 将其设置为“启用”,这样IE8就不会因为混合内容而弹出警告提示了。 - 完成设置后,点击“确定”保存更改,并关闭所有IE窗口后重启浏览器使设置生效。 #### 注意事项 - **安全风险**:虽然上述方法可以有效屏蔽...
JS弹出层对话框插件源码,包含弹出层对话框和Tooltip提示框,消息框等多种功能,兼容主流浏览器(注:不兼容IE9以下版本的IE浏览器)。内置4种颜色的皮肤,且可以自定义对话框样式,可设置对话框位置。Tooltip可以...
总结来说,这个退弹代码解决方案是为了解决IE6、IE7和IE8的弹窗限制,通过监听页面事件、创建ActiveXObject以及处理链接点击事件,实现了在特定条件下防止新窗口弹出的功能。由于这个代码仅在IE6、IE7、IE8下测试...
Delphi的WebBrowser组件是基于Internet Explorer(IE)的ActiveX控件,因此它会继承IE的一些特性,包括弹出警告对话框,如JavaScript的`alert()`函数。然而,在某些情况下,开发者可能不希望这些对话框出现,而是...
实现弹出网页遮罩层,可兼容IE6/IE7/IE+++等; 缩放浏览器时,内容狂始终居中; 有点小bug,在IE6下,遮罩层颜色没透明,屎黑色,等我有空完善下。