经典浮动弹窗层

技术文章

经典浮动弹窗层

时间：2009-03-09 点击：880

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>经典浮动弹窗层</title>
<style type="text/css">
<!--
html,body,div,a,ul,ol,li,h1,h2,img {
	font-family: "宋体";
	line-height: 150%;
	font-size: 12px;
}
.bt{
	font-family:Verdana, Arial, Helvetica, sans-serif,黑体,宋体;
	font-size:26px;
	color:#000;
	line-height:26px;
	text-align: center;
	font-weight: bold;
}
#clear { clear: both;  visibility: hidden; }

#fadeinbox{
	position:absolute;
	width: 400px; /*浮动层宽度，如删除本行则为自动宽度*/
	z-index: 100;
	visibility:hidden;
}
#div_ty{background:#999;position:relative;left:5px;top:5px;}
#div_ty .div_tyc{position:relative;left:-5px;top:-5px;background:lightyellow;border: 2px solid #333;font-size:12px;line-height:1.5em;}
#div_ty .div_tyc .div_tyb{background:#333;padding:4px;color:#FFF}
-->
</style>
<script type="text/javascript">
var displaymode="always";//"oncepersession"只显示一次，"always"每次显示
var enablefade="yes" //("yes"显示淡入效果, "no"无淡入效果)
var autohidebox=["no", 5] //设置多少称关闭浮动层 ["yes"x秒自动关闭设置有效果"no"无效,即不自动关闭]
var showonscroll="yes" //随滚动条滚动 ("yes"/"no)
var IEfadelength=1 //fade in duration for IE, in seconds
var Mozfadedegree=0.05 //fade in degree for NS6+ (number between 0 and 1. Recommended max: 0.2)
if (parseInt(displaymode)!=NaN)
  var random_num=Math.floor(Math.random()*displaymode)
function displayfadeinbox(){
  var ie=document.all && !window.opera
  var dom=document.getElementById
  iebody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
  objref=(dom)? document.getElementById("fadeinbox") : document.all.fadeinbox
  var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset
  var docwidth=(ie)? iebody.clientWidth : window.innerWidth
  docheight=(ie)? iebody.clientHeight: window.innerHeight
  var objwidth=objref.offsetWidth
  objheight=objref.offsetHeight
  objref.style.left=docwidth/2-objwidth/2+"px"
  objref.style.top=scroll_top+docheight/2-objheight/2+"px"
if (showonscroll=="yes")
  showonscrollvar=setInterval("staticfadebox()", 50)
if (enablefade=="yes" && objref.filters){
  objref.filters[0].duration=IEfadelength
  objref.filters[0].Apply()
  objref.filters[0].Play()
  }
  objref.style.visibility="visible"
  if (objref.style.MozOpacity){
  if (enablefade=="yes")
  mozfadevar=setInterval("mozfadefx()", 90)
  else{
  objref.style.MozOpacity=1
  controlledhidebox()
  }
  }
  else
  controlledhidebox()
  }
function mozfadefx(){
  if (parseFloat(objref.style.MozOpacity)<1)
  objref.style.MozOpacity=parseFloat(objref.style.MozOpacity)+Mozfadedegree
  else{
  clearInterval(mozfadevar)
  controlledhidebox()
  }
  }
function staticfadebox(){
  var ie=document.all && !window.opera
  var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset
  objref.style.top=scroll_top+docheight/2-objheight/2+"px"
  }
function hidefadebox(){
  objref.style.visibility="hidden"
  if (typeof showonscrollvar!="undefined")
  clearInterval(showonscrollvar)
  }
function controlledhidebox(){
  if (autohidebox[0]=="yes"){
  var delayvar=(enablefade=="yes" && objref.filters)? (autohidebox[1]+objref.filters[0].duration)*1000 : autohidebox[1]*1000
  setTimeout("hidefadebox()", delayvar)
  }
  }
function initfunction(){
  setTimeout("displayfadeinbox()", 100)
  }
function get_cookie(Name) {
  var search = Name + "="
  var returnvalue = ""
  if (document.cookie.length > 0) {
  offset = document.cookie.indexOf(search)
  if (offset != -1) {
  offset += search.length
  end = document.cookie.indexOf(";", offset)
  if (end == -1)
  end = document.cookie.length;
  returnvalue=unescape(document.cookie.substring(offset, end))
  }
  }
  return returnvalue;
  }

if (displaymode=="oncepersession" && get_cookie("fadedin")=="" || displaymode=="always" || parseInt(displaymode)!=NaN && random_num==0){
  if (window.addEventListener)
  window.addEventListener("load", initfunction, false)
  else if (window.attachEvent)
  window.attachEvent("onload", initfunction)
  else if (document.getElementById)
  window.onload=initfunction
  document.cookie="fadedin=yes"
  }
</script>
</head>

<body>
<div class="bt" style="margin-top:100px;">经典浮动弹窗层</div>
<DIV id="fadeinbox" style="filter:progid:DXImageTransform.Microsoft.Pixelate(duration=1);-moz-opacity:0;"> 
<div id="div_ty">
<div class="div_tyc">
<div class="div_tyb"><div style="text-align:right;"><span onClick="hidefadebox();return false" style="CURSOR: pointer;">隐藏</span></div><div style="margin-top:-19px;text-align:left;">一个经典浮动层</div></div>
<div style="padding:4px;">
  <p><strong>通过参数可设置：</strong></p>
  <ol>
    <li>打开网站每次显示或是只显示一次</li>
    <li>使用或不使用淡入显示效果</li>
    <li>固定或是随滚网页动条滚动</li>
    <li>指定多少秒自动隐藏窗口</li>
  </ol>
<div></div>
</div>
</div>
</div>
</DIV>
<div align="center" style="margin:300px 0 1000px 0;"></div>
<div id="clear"></div>
</body>
</html>

Window Media Player 播放器详细用法

简体繁体中文切换

asp上传图片到数据库中并读取显示图片

asp提取汉字

asp.net提取汉字

> 返回

地址：上海市普陀区胶州路941号长久商务中心电话： QQ：