教程集 > 脚本编程 > javascript > 正文网易佳人有约登录效果

网易佳人有约登录效果

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

教程集为您提供网易佳人有约登录效果等资源，欢迎您收藏本站，我们将为您提供最新的网易佳人有约登录效果资源

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

<!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>  <title>网页中弹出小窗口,页面背景逐渐变为半透明</title>  <style>  html,body{font-size:12px;margin:0px;height:100%;}  .mesWindow{border:#666 1px solid;background:#fff;}  .mesWindowTop{border-bottom:#eee 1px solid;margin-left:4px;padding:3px;font-weight:bold;text-align:left;font-size:12px;}  .mesWindowContent{margin:4px;font-size:12px;}  .mesWindow .close{height:15px;width:28px;border:none;cursor:pointer;text-decoration:underline;background:#fff}  </style>  <script>  var isIe=(document.all)?true:false;  //设置select的可见状态  function setSelectState(state)  {  var objl=document.getElementsByTagName('select');  for(var i=0;i<objl.length;i  )  {  objl[i].style.visibility=state;  }  }  function mousePosition(ev)  {  if(ev.pageX || ev.pageY)  {  return {x:ev.pageX, y:ev.pageY};  }  return {  x:ev.clientX   document.body.scrollLeft - document.body.clientLeft,y:ev.clientY   document.body.scrollTop - document.body.clientTop  };  }  //弹出方法  function showMessageBox(wTitle,content,pos,wWidth)  {  closeWindow();  var bWidth=parseInt(document.documentElement.scrollWidth);  var bHeight=parseInt(document.documentElement.scrollHeight);  if(isIe){  setSelectState('hidden');}  var back=document.createElement("div");  back.id="back";  var styleStr="top:0px;left:0px;position:absolute;background:#666;width:" bWidth "px;height:" bHeight "px;";  styleStr =(isIe)?"filter:alpha(opacity=0);":"opacity:0;";  back.style.cssText=styleStr;  document.body.appendChild(back);  showBackground(back,50);  var mesW=document.createElement("div");  mesW.id="mesWindow";  mesW.className="mesWindow";  mesW.innerHTML="<div class='mesWindowTop'><table width='100%' height='100%'><tr><td>" wTitle "</td><td style='width:1px;'><input type='button' onclick='closeWindow();' title='关闭窗口' class='close' value='关闭' /></td></tr></table></div><div class='mesWindowContent' id='mesWindowContent'>" content "</div><div class='mesWindowBottom'></div>";  styleStr="left:" (((pos.x-wWidth)>0)?(pos.x-wWidth):pos.x) "px;top:" (pos.y) "px;position:absolute;width:" wWidth "px;";  mesW.style.cssText=styleStr;  document.body.appendChild(mesW);  }  //让背景渐渐变暗  function showBackground(obj,endInt)  {  if(isIe)  {  obj.filters.alpha.opacity =1;  if(obj.filters.alpha.opacity<endInt)  {  setTimeout(function(){showBackground(obj,endInt)},5);  }  }else{  var al=parseFloat(obj.style.opacity);al =0.01;  obj.style.opacity=al;  if(al<(endInt/100))  {setTimeout(function(){showBackground(obj,endInt)},5);}  }  }  //关闭窗口  function closeWindow()  {  if(document.getElementById('back')!=null)  {  document.getElementById('back').parentNode.removeChild(document.getElementById('back'));  }  if(document.getElementById('mesWindow')!=null)  {  document.getElementById('mesWindow').parentNode.removeChild(document.getElementById('mesWindow'));  }  if(isIe){  setSelectState('');}  }  //测试弹出  function testMessageBox(ev)  {  var objPos = mousePosition(ev);  messContent="<div style='padding:20px 0 20px 0;text-align:center'>消息正文</div>";  showMessageBox('窗口标题',messContent,objPos,350);  }  </script>  </head>  <body>  <div style="padding:20px">  <div style="text-align:left">弹出窗口</div>  <div style="text-align:left;padding-left:20px;padding-top:10px"><select id="Select1" name="Select1"><option>下拉</option></select>弹出窗口时会将其隐藏，关闭时会让其显示，目的是在IE中防止弹出的DIV挡不住下拉框</div>  <div style="text-align:center">弹出窗口</div>  <div style="text-align:right">弹出窗口</div>  </div>  </body>  </html>

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

您可能感兴趣的文章：
PHP开发者如何做好密码保护以及Laravel底层密码存储和验证实现
 如何宣传网站以提高访问率
 Google搜索引擎登录指南(官方)
网站推广方法26法
 WEB2.0标准教程：应用WEB标准建设网站有什么好处？
企业网站推广漫谈
 手机支付宝刷脸登陆正确的拍摄脸部照片方法
 网站登陆Google的关键：网站外部链接
 登陆Google的关键：网站外部链接
 [转]PHP也可以

上一篇：163网站文章文本弹出广告下一篇：js控制图片

[关闭]

网易佳人有约登录效果

最近更新

浏览排行