漂亮的jquery提示效果（仿腾讯弹出层)

复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html头元http-equiv=' X-UA-Compatible ' Content=' IE=仿真器7 '/meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8'/title超漂亮的仿腾讯弹出层效果/title style body { background : # ffffff；颜色： # 444} a {颜色： # 09d文本装饰：无；边框： 0；背景色-:透明；} body，div，q，iframe，form，H5 { margin : 0；padd : 0；} img，字段集{ border : none 0；}正文、td、文本区{ word-break : break-all；单词包装：断字；线高：1.5;}正文、输入、文本区域、选择、按钮{ margin : 0；font-size : 12pxfont-family: Tahoma，SimSun，无衬线；} div，p，table，th，TD { font-size :1 emfont-family :继承；行高：继承；} H5 { font size :12 px；}/样式脚本类型=' text/JavaScript ' src=' http : Dialog。js /脚本脚本脚本类型=' text/JavaScript '函数zOpenD(){ var diag=new Dialog(' diag 1 ')；斜的宽度=900;斜的高度=400;斜的Title='弹出窗口示例；斜的网址=' http://www。html。组织。cn/'；斜的ShowMessageRow=true斜的消息标题='弹出窗口示例；斜的消息='在这儿你可以对这个窗口的内容或功能作一些说明；斜的OKEvent=zAlert//点击确定后调用的方法斜的show()；}函数zOpen(){ var diag=new Dialog(' diag 2 ')；斜的宽度=900;斜的高度=400;斜的Title='弹出窗口示例；斜的网址=' http://www。html。组织。cn/'；斜的OKEvent=zAlert//点击确定后调用的方法斜的show()；}函数zOpenInner(){ var diag=new Dialog(' diag 3 ')；斜的宽度=300;斜的高度=100;斜的Title='弹出窗口示例；斜的innerHTMl=' div style=' text-align : center '直接输出html，使用dialog.innerHTML。/div' diag .OKEvent=function(){ diag。close()；};//点击确定后调用的方法斜的show()；}函数zOpenEle(){ var diag=new Dialog(' diag 4 ')；斜的宽度=300;斜的高度=100;斜的Title='弹出窗口示例；斜的innerelementid=' for gin ' diag .OKEvent=function(){ $ e . gettoplevelwindow().$("用户名")。值| |警报('用户名不能为空');$E.getTopLevelWindow().$(“用户pwd”).值| |警报('密码不能为空')};//点击确定后调用的方法斜的show()；}函数zAlert(){ Dialog.alert('你点击了一个按钮');}函数zConfirm(){ Dialog.confirm('警告：'，function(){ dialog。alert(')；});}/脚本/头体H3 align=' center ' a href=' http://www。html。组织。cn/' a/H3分区id=' div 1 '/div p输入类型='按钮'值='弹出新窗口onclick=' zOpen()'/input type=' button ' value='弹出带说明的新窗口onclick=' zOpenD()'/input type=' button ' value='弹出信息提示对话框onclick=' zAlert()'/input type=' button ' value='弹出选择对话框onclick=' zConfirm()'/input type=' button ' value='弹出内容为超文本标记语言代码onclick=' zOpenInner()'/input type=' button ' value='弹出内容为本页面内的隐藏层对于gin，onclick=' zOpenEle()'//p div id=' div 2 '/div id=' 表格宽度=' 100% '边框=' 0 '对齐='居中'单元格填充=' 4 '单元格间距=' 4 '边框颜色=' # 666666 ' tr TD colspan=' 2 ' bgcolor=' # eeee '用户登陆/TD/tr/tr宽度='50 '对齐='右'用户名TD TD TD输入类型=' text ' id=' username '/TD/tr TD align=' right '密码TD/TD输入类型=' text ' id=' userpwd '/TD/tr/table/div br/script some text(' div 1 '，200)； sometext('div2 '，200)；/脚本/正文/html效果图