<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>仿腾讯弹出网页层效果（兼容主流浏览器）</title>
<style>
body {background: #ffffff; color: #444;}
a{ color: #09d; text-decoration: none; border: 0; background-color: transparent;}
body,div,q,iframe,form,h5{ margin: 0; padding: 0;}
img,fieldset { border: none 0; }
body,td,textarea { word-break: break-all; word-wrap: break-word; line-height:1.5;}
body,input,textarea,select,button { margin: 0; font-size: 12px; font-family: Tahoma, SimSun, sans-serif;}
div,p,table,th,td { font-size:1em; font-family:inherit; line-height:inherit;}
h5{ font-size:12px;}
</style>
<script type="text/javascript" src="http://www.5-studio.com/wp-content/uploads/2009/06/Dialog.js"></script>
<script type="text/javascript" src = 'zoac.js'></script>
</head>
<body>
<div id="_div"></div>
<input type="button" value="弹出新窗口" onclick="zOpen()" />
<input type="button" value="弹出带说明的新窗口" onclick="zOpenD()" />
<input type="button" value="弹出信息提示对话框" onclick="zAlert()" />
<input type="button" value="弹出选择对话框" onclick="zConfirm()" />
<script>sometext("_div",100);</script>
</body>
</html>
function $(ele) {
if (typeof(ele) == 'string'){
ele = document.getElementById(ele);
if(!ele)
return null;
}
if(ele){
Core.attachMethod(ele);
}
return ele;
}
var Core = {};
Core.attachMethod = function(ele){
if(!ele||ele["$A"]){
return;
}
if(ele.nodeType==9){
return;
}
var win;
try{
if(isGecko){
win = ele.ownerDocument.defaultView;
}else{
win = ele.ownerDocument.parentWindow;
}
for(var prop in $E){
ele[prop] = win.$E[prop];
}
}catch(ex){
//alert("Core.attachMethod:"+ele)//有些对象不能附加属性，如flash
}
}
function zOpenD(){
var diag = new Dialog("Diag1");
diag.Width = 900;
diag.Height = 400;
diag.Title = "弹出窗口示例";
diag.URL = "http://ueaner.iteye.com/";
diag.ShowMessageRow = true;
diag.MessageTitle = "Ueaner";
diag.Message = "更多JS、JQuery、PHP内容";
diag.OKEvent = zAlert;//点击确定后调用的方法
diag.show();
}
function zOpen(){
var diag = new Dialog("Diag2");
diag.Width = 900;
diag.Height = 400;
diag.Title = "Ueaner";
diag.URL = "http://ueaner.iteye.com/";
diag.OKEvent = zAlert;//点击确定后调用的方法
diag.show();
}
function zAlert(){
Dialog.alert("可以静心也");
}
function zConfirm(){
Dialog.confirm('警告：请确认',function(){Dialog.alert("yeah，周末到了，正是好时候");});
}
function sometext(ele,n){
/* var strArr=["可","以","清","心","也"];
var writeStr=""
for(i=0;i<n;i++){
index=parseInt(Math.random()*5);
for(j=0;j<5;j++){
str=index+j>4?index+j-5:index+j;
writeStr+=strArr[str];
}
}
$(ele).innerHTML=writeStr;
*/
}
来自：http://www.rainweb.cn/article/134.html
点击下载Demo文件
--
或在下面附件中下载
分享到：
相关推荐
这篇文章将深入探讨如何实现超漂亮的仿腾讯弹出层效果，并且该效果兼容主流浏览器。首先，我们要明白“弹出层”或“对话框”在网页设计中的重要性，它们是提供用户交互和信息提示的关键元素。腾讯作为一家知名的...
"超漂亮的仿腾讯弹出层效果（兼容主流浏览器）"这个项目旨在提供一个美观且实用的弹出层解决方案，它不仅注重视觉吸引力，同时也确保在各种主流浏览器上的良好兼容性。这样的设计对于提升网站互动性和用户体验有着...
超漂亮的仿腾讯弹出层，好看好用，用法如下 在<head></head>中加入如下代码 body {background: #ffffff; color: #444;} a{ color: #09d; text-decoration: none; border: 0; background-color: transparent;} body...
强烈推荐，功能强大，超漂亮的弹出框效果，兼容ie6/7/8 ...兼容主流浏览器，支持ie6下的阴影和半透明效果，不会ie6下不被select控件穿透 支持回调与父窗xx互，对iframe下的应用作了很多的处理，适合复杂的应用情况，
"超漂亮的仿腾讯弹出层效果"是一个旨在为网页添加美观且实用的弹出层组件的项目，它不仅注重外观设计，还强调对主流浏览器的兼容性。下面我们将深入探讨这个项目的相关知识点。 首先，我们要理解什么是弹出层。弹出...
"仿腾讯弹出层效果js+html"是一个专为提升用户体验设计的项目，它旨在模仿腾讯产品的弹出层样式，以实现美观且兼容主流浏览器的效果。 首先，我们需要理解弹出层的基本概念。弹出层（Pop-up Layer）通常是指在网页...
本主题将深入探讨如何使用JavaScript实现一个仿腾讯登录框的弹出层效果，兼容主流浏览器。这个效果旨在提供与腾讯登录界面相似的用户体验，增加网站的专业感和互动性。 首先，我们要创建HTML结构，这将作为弹出框的...
总结，"Ajax超漂亮仿腾讯弹出层插件（基于JavaScript）"是一个利用JavaScript技术和Ajax实现的动态交互组件，它借鉴了腾讯的优秀设计，提供了美观、高效的用户体验。开发者可以通过学习和使用这个插件，提升自己的...
描述中的 "[强烈推荐] 超漂亮的仿腾讯弹出框效果(兼容主流浏览器).html" 文件，很可能包含了一个DEMO示例，展示了如何使用Dialog.js库来实现一个美观且兼容性强的弹出提示窗。这个HTML文件可能会包含HTML结构、CSS...
摘要:脚本资源,Ajax/JavaScript,网页弹出层 超漂亮的仿腾讯弹出层效果（兼容主流浏览器），弹出窗口示例，它可以弹出带说明的窗口，弹出信息提示对话框，弹出选择对话框，还可以弹出为本页面内的隐藏层等。...
本文将详细解析标题和描述中提及的“js 含QQ在线咨询和微信的返回顶部客服代码”，并探讨如何将其整合到网站中，以及如何确保其在主流浏览器上的兼容性。 首先，JavaScript（JS）是一种广泛使用的脚本语言，特别是...
本资源提供了一种超漂亮的仿腾讯弹出层效果，它不仅具备基本的弹出对话框功能，而且在视觉上提供了良好的用户体验，兼容主流浏览器。 首先，我们来详细探讨弹出对话框的基础概念。在JavaScript中，最基础的弹出...
这个"超漂亮的仿腾讯弹出层效果"可能包含以下关键知识点： 1. **CSS样式和布局**：为了实现腾讯风格的美观效果，开发者可能会使用自定义CSS样式来控制对话框的外观，包括边框、背景色、阴影、过渡效果等。同时，...
- 兼容性测试：确保广告窗口在主流浏览器上都能正常工作。 7. **实际应用与扩展**： - 这种技术可以应用于消息提示、重要公告、促销活动等多种场景。 - 可以结合数据分析，根据用户行为和偏好智能展示相关广告，...