CSSJS弹出层效果,兼容所有浏览器

直接上DEMO，不过IE中会提示加载ActiveX控件！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="utf-8">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>CSSJS弹出层效果,兼容所有浏览器</title>
<script src="http://www.chinahbnet.com/Scripts/Common/jquery-1.8.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
function show(obj,id) {
var objDiv = $("#"+id+"");
if(navigator.userAgent.indexOf("Firefox") > 0) {var $E = function() {var c = $E.caller; while(c.caller) c = c.caller; return c.arguments[0]};__defineGetter__("event", $E);
}
$(objDiv).css("display","block");
$(objDiv).css("left", event.clientX);
$(objDiv).css("top", event.clientY + 10);
}
function hide(obj,id) {
var objDiv = $("#"+id+"");
$(objDiv).css("display", "none");
}
</script>
<style type="text/css">.show_div{position:absolute;display:none;border:1px solid silver;background:silver;}
</style>
</head>
<body>
<div id="mydiv1" class="show_div">
提示1效果
</div>
<div id="mydiv2" class="show_div">
提示2效果
</div> <a id="t1" onMouseOver="javascript:show(this,'mydiv1');" onMouseOut="hide(this,'mydiv1')">鼠标放上去1</a>
<br><br><br><br><br>
<a id="t2" onMouseOver="javascript:show(this,'mydiv2');" onMouseOut="hide(this,'mydiv2')">鼠标放上去2</a>
</body>
</html>

CSSJS弹出层效果,兼容所有浏览器相关推荐

css外层DIV半透明内层div不透明-弹出层效果的实现
css外层DIV半透明内层div不透明-弹出层效果的实现 <!DOCTYPE html> <html><head><meta charset="ut ...
非常漂亮的仿腾讯弹出层效果
2019独角兽企业重金招聘Python工程师标准>>> 非常漂亮的仿腾讯弹出层效果 http://www.jscode.cn/js/v45300 jquery弹出层插件-jquery ...
jquery简单实现点击弹出层效果实例
先看效果图: 完整例子:  <div id="race"><a href="#">点击</ ...
jQuery实现弹出层效果
###jQuery实现弹出层效果点击弹出层:弹出弹出层点击阴影:关闭弹出层点击"关闭"关闭弹出层整体代码如下: <!DOCTYPE html> <htm ...
模仿CSDN浏览器右下角弹出广告，兼容所有浏览器，内容可自定义，扩张性强
下载资源地址:http://download.csdn.net/download/tjcyjd/7052739 此demo为本人亲自从csdn网站扣下来的,模仿CSDN浏览器右下角弹出广告,兼容所有浏 ...
一个简单的遮罩弹出层效果
为什么80%的码农都做不了架构师?>>> 打酱油的日子就是要多学习下,最近在学写JS类库,虽然有面对对象语言的基础,但是感觉入手前端还是压力很大,就JS来说,干了半年了,水准还 ...
layui弹出层html,layui弹出层效果实现代码
本文实例为大家分享了layui弹出层的具体代码,供大家参考,具体内容如下弹出层大部分演示都在layer独立组件的官网,与内置的layer模块,用法是完全一致的特殊例子 Tips:为了更清晰演示, ...
Fancybox丰富的弹出层效果
http://www.helloweba.com/view-blog-65.html jquery pinwheel - 仿新浪微博提示层插件 http://demo.16css.com/piaofu ...
html鼠标悬停弹出,纯css实现鼠标滑过弹出层效果
复制代码代码如下: 无标题文档 *{margin:0; padding:0;} /* 所有元素外边距为0 内边距为0 */ /* body中元素字体大小为12px,字体样式为:"Times ...

CSSJS弹出层效果,兼容所有浏览器

CSSJS弹出层效果,兼容所有浏览器相关推荐

最新文章

热门文章