教程集 > 脚本编程 > javascript > 正文超漂亮的仿腾讯弹出层效果

超漂亮的仿腾讯弹出层效果

发布时间：2023-06-06 编辑：jiaochengji.com

教程集为您提供超漂亮的仿腾讯弹出层效果等资源，欢迎您收藏本站，我们将为您提供最新的超漂亮的仿腾讯弹出层效果资源

提示：您可以先修改部分代码再运行

超漂亮的仿腾讯弹出层效果  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html>  <head>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  <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">  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://demo.zving.com/";  	diag.ShowMessageRow = true;  	diag.MessageTitle = "弹出窗口示例";  	diag.Message = "在这儿你可以对这个窗口的内容或功能作一些说明";  	diag.OKEvent = zAlert;//点击确定后调用的方法  	diag.show();  }  function zOpen(){  	var diag = new Dialog("Diag2");  	diag.Width = 900;  	diag.Height = 400;  	diag.Title = "弹出窗口示例";  	diag.URL = "http://demo.zving.com/";  	diag.OKEvent = zAlert;//点击确定后调用的方法  	diag.show();  }  function zAlert(){  		Dialog.alert("滤爸要来了，河谐你，河谐我，河谐二十一世纪的新一代");  }  function zConfirm(){  	Dialog.confirm('警告：您确认要XXOO吗？',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;  }  </script>  </head>  <body>  <div id="div1"></div>  <p>      <input type="button" value="弹出新窗口" onclick="zOpen()" /> <input type="button" value="弹出带说明的新窗口" onclick="zOpenD()" /> <input type="button" value="弹出信息提示对话框" onclick="zAlert()" /> <input type="button" value="弹出选择对话框" onclick="zConfirm()" /></p>  <div id="div2"></div>  <script>sometext("div1",300);sometext("div2",500);</script>  </body>  </html>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
漂亮的jquery提示效果(仿腾讯弹出层)
漂亮的仿国外网站图片展示效果
 photoshop制作漂亮心形云彩教程
 Illustrator仿照photoshop蒙版绘制漂亮透明变化的月亮效果教程
 Photoshop设计逼真漂亮雪景制作教程
 Javascript非常漂亮弹出层效果代码
 photoshop制作出漂亮花朵教程
 jQuery信息提示插件 Dynamic tooltip
Photoshop利用滤镜制作漂亮绚丽烟花教程
 Illustrator网格工具绘制漂亮的北极光效果教程

上一篇：js 多表单checkbox全选、反选、不全选效果下一篇：select multi 选择框操作类

[关闭]

超漂亮的仿腾讯弹出层效果

最近更新

浏览排行