<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script src="./jquery-1.3.1.js" type="text/javascript"></script>
<script src="./data.js" type="text/javascript"></script>
<script type="text/javascript">
//等待dom元素加载完毕.
function showDiv(obj){
$(obj).show();
center(obj);
$(window).scroll(function(){
center(obj);
});
$(window).resize(function(){
center(obj);
});
}
function center(obj){
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
var popupHeight = $(obj).height();
var popupWidth = $(obj).width();
$(obj).css({
"position": "absolute",
"top": (windowHeight-popupHeight)/2+$(document).scrollTop(),
"left": (windowWidth-popupWidth)/2
});
}
</script>
</head>
<body>
</body>
</html>
------------------data.js-------------------------------
$(document).ready(function(){
$("body").append("<div id=\"notice\" style=\"display:block;position:absolute;\"><iframe src=\"ad.html\" width=\"300px\" height=\"300px\"/><\/div><script type=\"text/javascript\">showDiv($(\"#notice\"));<\/script>");
});
--------------弹出tip的页面---------------------
<!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=utf-8" />
<title>zishu test tip</title>
<style>
/* zishu.cn */
*{ margin:0; padding:0; list-style:none; font-size:12px; line-height:1.8;}
#info{padding:50px;}
/*以是下显示TIP的内容*/
#infobox span{ display: none; }
#infobox a:hover span{display: block;position:absolute;border:1px solid #640000;background: #FFFFCC;margin-top:26px!important; margin-top:20px;color:#000;padding:5px;white-space: nowrap;}
</style>
</head>
<body>
<div id="info">
<div id="infobox">
<a href="javascript:void(0);"><span>从这里可以进入我的首页!</span>网站首页</a>
</div>
</div>
</body>
</html>
相关推荐
非常实用的弹出tip提示窗口实例 非常实用的弹出tip提示窗口实例
Tip类demo Tip类demo Tip类demo Tip类demo Tip类demo Tip类demo
可以解决TipTop GP系统和TipTop旧系统同时运行的方法,十分有用的。
漂亮的jquery tip,类似于弹出层的效果,很漂亮
tiptop客户端的安装和配置,Please download it
Optimal Tip-To-Tip Efficiency(弟高值d2f算法).pdf Optimal Tip-To-Tip Efficiency(弟高值d2f算法).pdf Optimal Tip-To-Tip Efficiency(弟高值d2f算法).pdf Optimal Tip-To-Tip Efficiency(弟高值d2f算法).pdf ...
本文主要讲了TIP42c三极管参数及引脚图的相关知识,希望对你的学习有所帮助。
tiptop程序设计
TIP122 数据手册 PDF。
vc 编辑框显示tip,当鼠标停在编辑框上时,显示tip提示
TIP42C.pdfTIP42C.pdf
TIPTOP與其他系統之WebService接口資料
ring and tip for voip ect ring and tip for voip ectring and tip for voip ect
jQuery EasyUI 扩展(tip和form)
tiptop erp 系统基本资料,深圳数码的哦
TIPTOP内置函数和试用说明,ERP二次开发。
tip之bug 帐号对应信息显示出错
TIPTOP GP5.3 Inventory
大功率晶体管 tip122 是npn型的。