dhTipsLayer ver1.1发布

最新推荐文章于 2009-04-29 09:05:00 发布
最新推荐文章于 2009-04-29 09:05:00 发布
阅读量1k 收藏
点赞数
分类专栏： 技术文档 文章标签： button div iframe class function filter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dh20156/article/details/1616186
版权
 

For IE,FF

<html>
<head>
<style type="text/css">
 * {font-family:verdana;font-size:12px;}
 #dhtipscontent {width:300px;height:150px;background:white;border:5px solid #ddd;z-index:102;padding:5px;}
 #dhtipsdiv {background:#000;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity=60);z-index:101;border:none;}
 #dhtipsiframe {-moz-opacity:0;opacity:0;filter:alpha(opacity=0);z-index:100;border:none;}
 .tipsdiv {height:120px;overflow:auto;line-height:150%;}
 .closediv {height:25px;text-align:right;}
 .closebtn {position:relative;top:0px;right:0px;border:1px solid buttonshadow;}
</style>
</head>
<body>
<h1>show tips page</h1>
<select id=sl>
 <option>1 show tips page</option>
 <option>2 show tips page</option>
 <option>3 show tips page</option>
</select>
<br/>
<ul>
 <li>show tips page</li>
 <li>show tips page</li>
 <li>show tips page</li>
 <li>show tips page</li>
 <li>show tips page</li>
 <li>show tips page</li>
 <li>show tips page</li>
 <li>show tips page</li>
</ul>
<iframe src="about:blank"></iframe>
<hr style="width:1500px;" />
<input type=button value="show tips page 1" style="width:1500px;border:2px outset;" οnclick="showtips('Tips 1:<br/>Hello,world!<br/>dhTipsLayer author:dh20156')" ID="Button1" NAME="Button1" />
<hr style="width:1500px;" />
<input type=button value="show tips page 2" style="width:1500px;border:2px outset;" οnclick="showtips('Tips 2:<br/>Hello,world!<br/>dhTipsLayer author:dh20156')" ID="Button2" NAME="Button2" />
<hr style="width:1500px;" />
<ol>
 <li>show tips page</li>
 <li>show tips page</li>
 <li>show tips page</li>
 <li>show tips page</li>
 <li>show tips page</li>
 <li>show tips page</li>
 <li>show tips page</li>
 <li>show tips page</li>
</ol>
<br/>
<ul>
 <li>show tips page</li>
 <li>show tips page</li>
 <li>show tips page</li>
 <li>show tips page</li>
 <li>show tips page</li>
 <li>show tips page</li>
 <li>show tips page</li>
 <li>show tips page</li>
</ul>
<br/>
<ol>
 <li>show tips page</li>
 <li>show tips page</li>
 <li>show tips page</li>
 <li>show tips page</li>
 <li>show tips page</li>
 <li>show tips page</li>
 <li>show tips page</li>
 <li>show tips page</li>
</ol>
</body>
</html>

<script language="javascript" type="text/javascript">
function showtips(tipStr){
 //dhTipsLayer:author:dh20156;
 if(document.getElementById("dhtipsiframe")==null){
  var iframe = document.createElement("IFRAME");
  iframe.id = "dhtipsiframe";
  iframe.style.position = "absolute";
  iframe.style.left = 0;
  iframe.style.top = 0;
  iframe.style.width = (document.body.scrollWidth>document.body.offsetWidth)?document.body.scrollWidth:document.body.offsetWidth;
  iframe.style.height = (document.body.scrollHeight>document.body.offsetHeight)?document.body.scrollHeight+20:document.body.offsetHeight;

  var div = document.createElement("DIV");
  div.id = "dhtipsdiv";
  div.style.position = "absolute";
  div.style.left = 0;
  div.style.top = 0;
  div.style.width = (document.body.scrollWidth>document.body.offsetWidth)?document.body.scrollWidth:document.body.offsetWidth;
  div.style.height = (document.body.scrollHeight>document.body.offsetHeight)?document.body.scrollHeight+20:document.body.offsetHeight;
  div.oncontextmenu = function(){return false}
  div.onselectstart = function(){return false}

  var div2 = document.createElement("DIV");
  div2.id = "dhtipscontent";
  div2.style.position = "absolute";
  div2.style.left = document.body.offsetWidth/2-150+document.body.scrollLeft;
  div2.style.top = document.body.offsetHeight/2-150+document.body.scrollTop;
  div2.innerHTML = "<div class=/"tipsdiv/">"+tipStr+"</div><div class=/"closediv/"><input type=/"button/" class=/"closebtn/" value=/"close/" οnclick=/"document.body.style.overflow='auto';document.getElementById('dhtipsiframe').style.display='none';document.getElementById('dhtipsdiv').style.display='none';document.getElementById('dhtipscontent').style.display='none';/" /></div>";
  div2.oncontextmenu = function(){return false}

  document.body.appendChild(iframe);
  document.body.appendChild(div);
  document.body.appendChild(div2);
 }else{
  document.getElementById("dhtipsiframe").style.display = "block";
  document.getElementById("dhtipsdiv").style.display = "block";
  document.getElementById("dhtipscontent").style.display = "block";
  document.getElementById("dhtipscontent").innerHTML = "<div class=/"tipsdiv/">"+tipStr+"</div><div class=/"closediv/"><input type=/"button/" class=/"closebtn/" value=/"close/" οnclick=/"document.body.style.overflow='auto';document.getElementById('dhtipsiframe').style.display='none';document.getElementById('dhtipsdiv').style.display='none';document.getElementById('dhtipscontent').style.display='none';/" /></div>";
  document.getElementById("dhtipscontent").style.left = document.body.offsetWidth/2-150+document.body.scrollLeft;
  document.getElementById("dhtipscontent").style.top = document.body.offsetHeight/2-150+document.body.scrollTop;
 }
 var l = document.body.scrollLeft;
 var t = document.body.scrollTop;
 document.body.style.overflow = "hidden";
 document.body.scrollLeft = l;
 document.body.scrollTop = t;
}
</script>

dh20156
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
比尔加密工具 VER1.1 发布。
10-05
一个新型加密工具， 加密算法是自主开发， 利用该加密算法完成的加密工具， 并提供解密。 内附工具使用说明文档。
龙马谷窗口查看器 Ver1.1
04-02
《龙马谷窗口查看器 Ver1.1》是一款基于C++编程语言开发的窗口查看工具，主要用于帮助用户查看和分析Windows操作系统中的窗口信息。这款软件的核心功能是窗口句柄的检索与显示，使得开发者和系统管理员能更深入地...
小米运动[Ver1.1].exe
04-07
小米运动[Ver1.1]
龙马谷驱动加载工具 Ver1.1
最新发布
04-02
【龙马谷驱动加载工具 Ver1.1】是一款专为用户设计的软件/插件，其主要功能在于帮助用户方便快捷地安装和管理计算机硬件驱动程序。在IT领域，驱动程序是连接硬件设备与操作系统之间的桥梁，使得操作系统能够识别并...
Magic Skills Set 1ver 1.1.rar
11-14
《Unity游戏开发：掌握“魔法技能集1ver 1.1”》 Unity，作为全球最受欢迎的游戏开发引擎之一，以其跨平台、易上手和强大的3D及2D图形渲染能力，深受开发者们的喜爱。"Magic Skills Set 1ver 1.1"这个压缩包文件，...
浏览器缩放不触发window.onresize事件的BUG
热门推荐
dh20156风之石的专栏
04-29 1万+
在帮同事处理一个页面缩放BUG的时候惊奇的发现各种浏览器的缩放不触发window.onresize的BUG，太坏了！我理解的能正常工作的浏览器有：IE6FF3以下浏览器Ctrl+和Ctrl-时均不触发window.onresize事件，只在窗口大小改变时才触发：IE8 Beta2，无论是Ctrl+，Ctrl-还是最大化最小化，拖拽改变窗口大小，都无法触发wind
可输入、自动匹配的下拉框
dh20156风之石的专栏
10-16 6518
最近做一B/S项目，客户习惯了速达里边的COMBOBOX控件的使用，输入产品编号然后自动提示匹配产品信息，为了实现这个功能想了很多办法，原本在无技可施的时候准备用ActiveX控件凑合一下算了，好在JK兄出手相助，给偶一个类似的参考，终于了解了实现的方法，不过由于那套方案无法应对一些控件的遮挡，所以还不能完全达到要求，于是偶用POPUP方法改了下，终于大功告成，可以很好的实现客户的要求了，现将源公
WEB打印经验交流
dh20156风之石的专栏
12-23 5614
WEB打印一直困扰着大家，小弟最近做一项目，稍有心得，特来跟大家交流交流。我在那个项目中是利用ScriptX.cab这个控件来解决问题的，包括各种汇总表，详细清单等等，不过最大弊端就是打印的格式是死的，你要打印出怎样的格式必须自己来做，还有就是打印分页，它是按你设置的纸张大小来分的，所以必须人为控制，我已经搞定了。ScriptX.cab大家可以到网上去DOWN一个。好了，废话不多说了，
支持IE、跨域(FRAME)的POPUP菜单栏
dh20156风之石的专栏
12-13 4353
支持IE、跨域(FRAME)的POPUP菜单栏一直研究B/S结构的东东，菜单栏一直有欠缺。原来有见过一个模仿的比较好的，不过不是POPUP方式的，不能跨域（FRAME），所以没有办法，只有继续研究。一次看到宝玉的无限级菜单雏形，研究了一下，简单改了改，实现了显示子菜单的功能，然后偶又加上了对菜单点击显示的逻辑判断，现在大概的一个比较强大的POPUP菜单栏就出来了。效果如下：以下
EasyUI API
dh20156风之石的专栏
04-15 3633
EasyUI来自DHTML精英俱乐部的简单易用功能强大的轻量级JavaScript Framework前端框架原文：http://www.v-ec.com/easyui/ EasyUI的组成EasyUI.js核心文件可扩展的附加组件EasyUI打包下载EasyUI APIeasyUI.fpbind()自执行方法,为Function.prototype添加bind方法，用
可输入、自动匹配的下拉框更新版dhCombobox
dh20156风之石的专栏
06-08 3438
全新写了一遍,全部用Array Join方式实现的类似Combobox,真心讨教更高效合理的方法.dhCombobox testfunction dhCombobox(){ //author:dh20156; var dh = this; //返回实例名 this.clsName = null; //定义目标对象 this.targetObj = null; //定义提示框属性 t
遍历XML文档返回二维数组(ASP)(更新版)
dh20156风之石的专栏
05-12 3042
   问题没处理   xmlfile = Server.MapPath("???.xml")   Set xml = Server.CreateObject("MSXML.DOMDocument")   xml.async = false   xml.load(xmlfile)Public Function PrettyPrint(node,tabLevel)on error resume
AJAX+POPUP+数据库,实现动态无限级栏目BETA
dh20156风之石的专栏
07-09 2965
为了减轻未来开发压力及缩短开发周期， 贴出最近研究模块化开发中的一点积累。这是一个无限级的栏目模块，使用到了数据库，ASP，JSON数据类型转换，AJAX加载栏目，无限级POPUP显示等技术手段。现在贴出该实例的所有组成要素：1、数据库（本例用数据库为ACCESS2000）2、服务器端加载栏目(文件保存为UTF8格式)getMenu.aspdim menuidm
JS版数字转中文货币金额大写
dh20156风之石的专栏
04-07 2911
在CSDN回复的一个帖子！JS里将数字转换为中文的货币大写模式！function i2c(n){ if(typeof(n) == "number"){  if(-1 == n.toString().indexOf(".")){   return seti2c(n);  }else{   var i,istr,f,fstr,a,rstr;   a = n.toString().split("."
汉字与unicode字符互相转换处理乱码
dh20156风之石的专栏
04-07 2873
汉字与unicode字符转换//unicode to chinesevar s = "&#20013";var s = s.substr(2);//去掉&#document.write(String.fromCharCode(parseInt(s,10)));//从Unicode字符值中返回一个字符串a = "沈阳a,b,c."b = a.replace(/&#x/
dhDataGrid Ver2.0.0发布
dh20156风之石的专栏
02-08 2640
针对dhDataGrid的前一版本Ver1.0.0而做的更新！1、标题栏、左边边栏固定方式更新，取消expression方式；2、排序方式更新，同时支持数字、字符、日期、数字字符混合、中文汉字的排序；3、支持换肤，您可以自己定制该控件样式；4、预留[双击]、[右键]功能；5、支持IE、FF；DEMO（演示）：http://www.jxxg.com/dh20156/dhdat
遍历XML文档的所有节点及属性（ASP）
dh20156风之石的专栏
05-10 2076
无聊写了个遍历XML文件的文档，还有一些不够完美，大家如果有更好的可以贴出来一起研究一下!   问题没处理   xmlfile = Server.MapPath("???.xml")   Set xml = Server.CreateObject("MSXML.DOMDocument")   xml.async = false   xml.load(xmlfile)   private
支持IE、Firefox的popupMenu
dh20156风之石的专栏
11-14 2077
dhLayer.htm支持IE、Firefox的popupMenuhtml {width:100%;height:100%;margin:0px;}body {width:100%;height:100%;min-height:100%;margin:0px;}//判断浏览器类型var isMSIE = (navigator.appName == "Microsoft Internet Exp
发现POPUP中的一点问题
dh20156风之石的专栏
10-20 2048
最近在使用POPUP的时候不小心发现一个问题，在POPUP中的inerHTML如果是隐藏的话，那么里边调用外部的FUNCTION不需要加parent。如：STYLE="display:none;" onclick="edit(gys_addkj.asp?gysid=[index0],600,400,window.location.href);">FirstRunonclick="parent.
施乐700DCP彩色数码复印机维修手册Ver1.1要点
手册版本为Ver1.1，发行于2009年5月，由富士施乐公司编写。手册内容包括但不限于设备的基本操作、维护保养、故障排查和部件更换等，旨在为富士施乐认可的专业维修人员提供技术支持。" 这篇维修手册是针对施乐700...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值