提示层模糊显示效果

稿源：互联网 2022-04-02 21:42:10 点击： 1362 撤稿纠错

一个渐隐的提示层，模糊显示，带隐藏按钮。

以下讨论的是和提示层模糊相关的提示层模糊显示效果教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=utf-8">
<meta name="keywords" content="站长,网页特效,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />
<title>网页特效 一个渐隐提示窗口 站长特效网</title>
<style type="text/css">
#fadeinbox{
  position:absolute;
  width: 300px;
  left: 0;
  top: -400px;
  border: 2px solid black;
  background-color: lightyellow;
  padding: 4px;
  z-index: 100;
  visibility:hidden;
  }
</style>
<script type="text/javascript">
//Specify display mode. 3 possible values are:
  //1) "always"- This makes the fade-in box load each time the page is displayed
  //2) "oncepersession"- This uses cookies to display the fade-in box only once per browser session
  //3) integer (ie: 5)- Finally, you can specify an integer to display the box randomly via a frequency of 1/integer...
  // For example, 2 would display the box about (1/2) 50% of the time the page loads.
var displaymode="always"
var enablefade="yes" //("yes" to enable fade in effect, "no" to disable)
  var autohidebox=["yes", 5] //Automatically hide box after x seconds? [yes/no, if_yes_hide_after_seconds]
  var showonscroll="yes" //Should box remain visible even when user scrolls page? ("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)
////////No need to edit beyond here///////////
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()
  }//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就a是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function mozfadefx(){
  if (parseFloat(objref.style.MozOpacity)<1)
  objref.style.MozOpacity=parseFloat(objref.style.MozOpacity)+Mozfadedegree
  else{
  clearInterval(mozfadevar)
  controlledhidebox()
  }
  }//欢迎来到站长特效网，我们的网址是www.zzjs.net，d很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
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)
  }//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有q许多广告代码下载。
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;
  }//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大d量高质量js代码，还有许多广告代码下载。
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"
  }//欢迎来到站长特效网，我们a的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
</script>
</head>
<body>
<a href="http://www.zzjs.net/">站长特效网</a> ，站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<DIV id="fadeinbox" style="filter:progid:DXImageTransform.Microsoft.RandomDissolve(duration=1) progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);-moz-opacity:0">
<a href="http://www.zzjs.net">站长特效网</a> ，打造国内最帅的网页特效站！<br>
<div align="right"> <a href="#" onClick="hidefadebox();return false">隐藏</a>
</div>
</DIV>
</body>
</html>

关于提示层模糊显示效果的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2010092765124.shtml方便下次再访问哦。

·上一篇： 论坛常用的自动关闭图层
·下一篇： 可关闭的左右分栏

提示层模糊显示效果

文章分类LIST >>返回首页

最新游戏

最新新闻