第一种方式:基础写法(浏览器页面上方全占满,提示信息前后都有图片,鼠标放在图片上显示小手,点击图片关闭)
<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>
分享到:
相关推荐
PHPwind7.5仿IE顶部弹出提示插件 插件简介:可用来设置公告,可关闭。
自动关闭ie的弹出窗口
本文介绍了vue如何在用户要关闭当前网页时弹出提示的实现,分享给大家,具体如下: 效果如下图 正常 js 页面处理方式 [removed] = function (e) { e = e || window.event; // 兼容IE8和Firefox 4之前的版本 if ...
对IE进行设置弹出窗口、安全站点,同时设置控件下载属性。
C#浏览器,仿ie源码 绝对源代码 C#浏览器,仿ie源码
ASP开发实例 窗口及页面设置的一些样式 鼠标单击链接样式 为弹出的窗口加入关闭按钮 日期选择器 弹出全屏显示网页 关闭IE主窗口时,不弹出询问对话框 弹出网页对话框 安徽机电职业技术学院 陈伟
修复IE不能弹出二级窗口的命令 修复IE不能弹出二级窗口的命令
JS弹出层对话框插件源码,包含弹出层对话框和Tooltip提示框,消息框等多种功能,兼容主流浏览器(注:不兼容IE9以下版本的IE浏览器)。内置4种颜色的皮肤,且可以自定义对话框样式,可设置对话框位置。Tooltip可以...
IE 浏览器弹出的对话框 自动点击确认 可以自行输入要点击确认对话框的标题,防止误点击 可以输入网址 可以学习倒计时提醒 可以显示当前学习时间 可以试用10次
ie8不能弹出窗体的问题,方便大家解决BS后顾之忧。
实现弹出网页遮罩层,可兼容IE6/IE7/IE+++等; 缩放浏览器时,内容狂始终居中; 有点小bug,在IE6下,遮罩层颜色没透明,屎黑色,等我有空完善下。
C# 仿IE8多标签浏览器,功能还可以,有IE8输入地址与刷新
调用OCX或其它方式弹出框时候,弹出框在IE7 IE8后面的解决办法
IE8仿IE6习惯注册表,保持IE6的界面习惯,简洁明了,非常好用
自动关闭IE弹出窗 挂游戏或看网页必备!
zDialogzDialog 弹出IEzDialog 弹出IEzDialog 弹出IEzDialog 弹出IE
高度仿真IE6前端测试工具。不用安装 直接下载 打开就能用
Windows 7系统IE8浏览器弹出窗口阻止程序如何设置是否提示.docx
1.可拖动,默认窗口居中 2.可以自定义弹出层大小 3.背景变暗,不可编辑 4.边框半透明,圆角,内容部分不透明。 5.兼容IE、chrome、firefox等
仿MSN/QQ弹出窗口源码 在页面中实现弹出窗口效果。 对控件进行了封装,提供了几个属性: 1、PopShowCycle:弹出周期。默认为OnceByReCreateCookie。 OnceByReCreateCookie,OnceByCreateCookie,只在第一次弹出并...