提示层定时隐藏js特效

8个月前 (04-06 13:17)阅读回复0
大陆
大陆
  • 管理员
  • 发消息
  • 注册排名1
  • 经验值5294
  • 级别管理员
  • 主题1058
  • 回复2
楼主

一个渐显弹出的网页提示层,弹出过程模糊显示,并在图层上面带有隐藏按钮供用户使用。

<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<meta name="keywords" content="武鸣人网站,武鸣信息网,武鸣本地网,武鸣信息资源平台,减肥,健身,励志,励志语录,js特效,网页特效,www.wuming.ren">
<meta name="description" content="欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。">
<title>提示层定时隐藏js特效_武鸣人</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()
  }//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
function mozfadefx(){
  if (parseFloat(objref.style.MozOpacity)<1)
  objref.style.MozOpacity=parseFloat(objref.style.MozOpacity)+Mozfadedegree
  else{
  clearInterval(mozfadevar)
  controlledhidebox()
  }
  }//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
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)
  }//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
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;
  }//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
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"
  }//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
</script>
</head>
<body>
<a href="https://www.wuming.ren">武鸣人</a>,各种信息资源免费发布,分享励志语录经典短句,减肥健身常识,各种js特效代码。网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)<hr>
<!--欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。-->
<script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script>
<script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script>
<DIV id="fadeinbox" style="filter:progid:DXImageTransform.Microsoft.RandomDissolve(duration=1) progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);-moz-opacity:0">
<a href="https://www.wuming.ren">武鸣人</a> ,各种信息免费发布!<br>
<div align="right"> <a href="#" onClick="hidefadebox();return false">隐藏</a>
</div>
</DIV>
</body>
</html>


0
0
收藏0

本文来自武鸣人网站,转载请注明出处

本文地址:https://www.wuming.ren/a/624.html

回帖

提示层定时隐藏js特效 期待您的回复!

取消
载入表情清单……
载入颜色清单……
插入网络图片

取消确定

图片上传中
编辑器信息
提示信息