悬浮广告定位于页面指定位置

稿源：互联网 2022-04-02 21:41:05 点击： 4980 撤稿纠错

固定在页面指定位置的广告，开始打开时还带滑动效果。

以下讨论的是和悬浮定位相关的悬浮广告定位于页面指定位置教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.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>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<meta name="keywords" content="站长,网页特效,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />
<title>网页特效 固定在网页指定位置的悬浮广告 站长特效网</title>
</head>
<body>
<a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<div style="height:2000px;"></div>
<div id="www_zzjs_net_ad" style="z-index:1;left:100px;width:100px;position:absolute;top:100px;height:200px;background-color:#330033;layer-background-color:#330033;border:1px none
#000000;color:#ffffff;text-align:center;">站长特效网<br />国内最帅的网页特效站！</div>
<script language="javascript">
var bNetscape4plus = (navigator.appName == "Netscape" && navigator.appVersion.substring(0,1) >= "4");
var bExplorer4plus = (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.substring(0,1) >= "4");
function CheckUIElements(){
      var yMenuFrom, yMenuTo, yButtonFrom, yButtonTo, yOffset, timeoutNextCheck;
      if ( bNetscape4plus ) {
              yMenuFrom   = document["www_zzjs_net_ad"].top;
              yMenuTo     = top.pageYOffset + 295;
      }
      else if ( bExplorer4plus ) {
              yMenuFrom   = parseInt (www_zzjs_net_ad.style.top, 10);
              yMenuTo     = document.body.scrollTop + 135; //距页面顶部的距离
      }
      timeoutNextCheck = 500;
      if ( Math.abs (yButtonFrom - (yMenuTo + 152)) < 6 && yButtonTo < yButtonFrom ) {
              setTimeout ("CheckUIElements()", timeoutNextCheck);
              return;
      }
      if ( yButtonFrom != yButtonTo ) {
              yOffset = Math.ceil( Math.abs( yButtonTo - yButtonFrom ) / 10 );
              if ( yButtonTo < yButtonFrom )
                      yOffset = -yOffset;
              if ( bNetscape4plus )
                      document["divLinkButton"].top += yOffset;
              else if ( bExplorer4plus )
                      divLinkButton.style.top = parseInt (divLinkButton.style.top, 10) + yOffset;
              timeoutNextCheck = 10;
      }
      if ( yMenuFrom != yMenuTo ) {
              yOffset = Math.ceil( Math.abs( yMenuTo - yMenuFrom ) / 20 );
              if ( yMenuTo < yMenuFrom )
                      yOffset = -yOffset;
              if ( bNetscape4plus )
                      document["www_zzjs_net_ad"].top += yOffset;
              else if ( bExplorer4plus )
                      www_zzjs_net_ad.style.top = parseInt (www_zzjs_net_ad.style.top, 10) + yOffset;
              timeoutNextCheck = 10;
      }
      setTimeout ("CheckUIElements()", timeoutNextCheck);
}//x欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function OnLoad()
{
      var y;
      if ( top.frames.length )
      if ( bNetscape4plus ) {
              document["www_zzjs_net_ad"].top = top.pageYOffset + 135;
              document["www_zzjs_net_ad"].visibility = "visible";
      }
      else if ( bExplorer4plus ) {
              www_zzjs_net_ad.style.top = document.body.scrollTop + 235;
              www_zzjs_net_ad.style.visibility = "visible";
      }
      CheckUIElements();
      return true;
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
OnLoad();
</script>
</body>
</html>

关于悬浮广告定位于页面指定位置的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2010092965175.shtml方便下次再访问哦。

·上一篇： 自由设置网页漂浮图片广告
·下一篇： 文字链接控制图层显示与隐藏

悬浮广告定位于页面指定位置

文章分类LIST >>返回首页

最新游戏

最新新闻