从右下角出来的广告实例_js代码

最新推荐文章于 2024-09-25 21:17:23 发布
原创 最新推荐文章于 2024-09-25 21:17:23 发布 · 741 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#function #header #null #opera

本文介绍了一个复杂的JavaScript脚本，该脚本用于实现网页上弹窗的渐显渐隐效果，并支持通过鼠标操作来调整弹窗位置。脚本还包含了定时隐藏功能及浏览器滚动条触发的事件处理。
//<![CDATA[

              var popupFeetWinoldonloadHndlr=window.onload, popupFeetWinpopupHgt, popupFeetWinactualHgt, popupFeetWintmrId=-1, popupFeetWinresetTimer;

              var popupFeetWintitHgt, popupFeetWincntDelta, popupFeetWintmrHide=-1, popupFeetWinhideAfter=30000, popupFeetWinhideAlpha, popupFeetWinhasFilters=true;

              var popupFeetWinnWin, popupFeetWinshowBy=null, popupFeetWindxTimer=-1, popupFeetWinpopupBottom;

              var popupFeetWinnText,popupFeetWinnMsg,popupFeetWinnTitle,popupFeetWinbChangeTexts=false;

              window.onload=popupFeetWinespopup_winLoad;



              var popupFeetWinoldonscrollHndr=window.onscroll;

              window.onscroll=popupFeetWinespopup_winScroll;

              popupFeetWinnText="";



              function popupFeetWinespopup_winScroll()

              {

               if (popupFeetWinoldonscrollHndr!=null) popupFeetWinoldonscrollHndr();

               if (popupFeetWintmrHide!=-1)

               {

                     el=document.getElementById('popupFeetWin');

                     el.style.display='none'; el.style.display='block';

               }

              }



              function popupFeetWinespopup_ShowPopup(show)

              {

               if (popupFeetWindxTimer!=-1) { el.filters.blendTrans.stop(); }



               if ((popupFeetWintmrHide!=-1) && ((show!=null) && (show==popupFeetWinshowBy)))

               {

                     clearInterval(popupFeetWintmrHide);

                     popupFeetWintmrHide=setInterval(popupFeetWinespopup_tmrHideTimer,popupFeetWinhideAfter);

                     return;

               }

               if (popupFeetWintmrId!=-1) return;

               popupFeetWinshowBy=show;



               elCnt=document.getElementById('popupFeetWin_content')

               elTit=document.getElementById('popupFeetWin_header');

               el=document.getElementById('popupFeetWin');

               el.style.left='15';

               el.style.top='';

               el.style.filter='';



               if (popupFeetWintmrHide!=-1) clearInterval(popupFeetWintmrHide); popupFeetWintmrHide=-1;



               document.getElementById('popupFeetWin_header').style.display='none';

               document.getElementById('popupFeetWin_content').style.display='none';



               if (navigator.userAgent.indexOf('Opera')!=-1)

                     el.style.bottom=(document.body.scrollHeight*1-document.body.scrollTop*1

                                                 -document.body.offsetHeight*1+1*popupFeetWinpopupBottom)+'px';



               if (popupFeetWinbChangeTexts)

               {

                     popupFeetWinbChangeTexts=false;

                     document.getElementById('popupFeetWinaCnt').innerHTML=popupFeetWinnMsg;

                     document.getElementById('popupFeetWintitleEl').innerHTML=popupFeetWinnTitle;

               }



               popupFeetWinactualHgt=0; el.style.height=popupFeetWinactualHgt+'px';

               el.style.visibility='';

               if (!popupFeetWinresetTimer) el.style.display='';

               popupFeetWintmrId=setInterval(popupFeetWinespopup_tmrTimer,(popupFeetWinresetTimer?1000:20));

              }



              function popupFeetWinespopup_winLoad()

              {

               if (popupFeetWinoldonloadHndlr!=null) popupFeetWinoldonloadHndlr();



               elCnt=document.getElementById('popupFeetWin_content')

               elTit=document.getElementById('popupFeetWin_header');

               el=document.getElementById('popupFeetWin');

               popupFeetWinpopupBottom=el.style.bottom.substr(0,el.style.bottom.length-2);



               popupFeetWintitHgt=elTit.style.height.substr(0,elTit.style.height.length-2);

               popupFeetWinpopupHgt=el.style.height;

               popupFeetWinpopupHgt=popupFeetWinpopupHgt.substr(0,popupFeetWinpopupHgt.length-2); popupFeetWinactualHgt=0;

               popupFeetWincntDelta=popupFeetWinpopupHgt-(elCnt.style.height.substr(0,elCnt.style.height.length-2));



               if (true)

               {

                     popupFeetWinresetTimer=true;

                     popupFeetWinespopup_ShowPopup(null);

               }

              }



              function popupFeetWinespopup_tmrTimer()

              {

               el=document.getElementById('popupFeetWin');

               if (popupFeetWinresetTimer)

               {

                     el.style.display='';

                     clearInterval(popupFeetWintmrId); popupFeetWinresetTimer=false;

                     popupFeetWintmrId=setInterval(popupFeetWinespopup_tmrTimer,20);

               }

               popupFeetWinactualHgt+=5;

               if (popupFeetWinactualHgt>=popupFeetWinpopupHgt)

               {

                     popupFeetWinactualHgt=popupFeetWinpopupHgt; clearInterval(popupFeetWintmrId); popupFeetWintmrId=-1;

                     document.getElementById('popupFeetWin_content').style.display='';

                     if (popupFeetWinhideAfter!=-1) popupFeetWintmrHide=setInterval(popupFeetWinespopup_tmrHideTimer,popupFeetWinhideAfter);

               }

               if (popupFeetWintitHgt<popupFeetWinactualHgt-6)

                     document.getElementById('popupFeetWin_header').style.display='';

               if ((popupFeetWinactualHgt-popupFeetWincntDelta)>0)

               {

                     elCnt=document.getElementById('popupFeetWin_content')

                     elCnt.style.display='';

                     elCnt.style.height=(popupFeetWinactualHgt-popupFeetWincntDelta)+'px';

               }

               el.style.height=popupFeetWinactualHgt+'px';

              }



              function popupFeetWinespopup_tmrHideTimer()

              {

               clearInterval(popupFeetWintmrHide); popupFeetWintmrHide=-1;

               el=document.getElementById('popupFeetWin');

               if (popupFeetWinhasFilters)

               {

                     backCnt=document.getElementById('popupFeetWin_content').innerHTML;

                     backTit=document.getElementById('popupFeetWin_header').innerHTML;

                     document.getElementById('popupFeetWin_content').innerHTML='';

                     document.getElementById('popupFeetWin_header').innerHTML='';

                     el.style.filter='blendTrans(duration=1)';

                     el.filters.blendTrans.apply();

                     el.style.visibility='hidden';

                     el.filters.blendTrans.play();

                     document.getElementById('popupFeetWin_content').innerHTML=backCnt;

                     document.getElementById('popupFeetWin_header').innerHTML=backTit;



                     popupFeetWindxTimer=setInterval(popupFeetWinespopup_dxTimer,1000);

               }

               else el.style.visibility='hidden';

              }



              function popupFeetWinespopup_dxTimer()

              {

               clearInterval(popupFeetWindxTimer); popupFeetWindxTimer=-1;

              }



              function popupFeetWinespopup_Close()

              {

               if (popupFeetWintmrId==-1)

               {

                     el=document.getElementById('popupFeetWin');

                     el.style.filter='';

                     el.style.display='none';

                     if (popupFeetWintmrHide!=-1) clearInterval(popupFeetWintmrHide); popupFeetWintmrHide=-1;



               }

              }



              function popupFeetWinespopup_ShowWindow()

              {



               if (popupFeetWinnWin!=null) popupFeetWinnWin.close();

               popupFeetWinnWin=window.open('','popupFeetWinnWin','width=300,height=200,scrollbars=no, '+

                     'menubar=no, resizable=no, status=no, toolbar=no, location=no');

               popupFeetWinnWin.document.write(popupFeetWinnText);

              }



              var popupFeetWinmousemoveBack,popupFeetWinmouseupBack;

              var popupFeetWinofsX,popupFeetWinofsY;

              function popupFeetWinespopup_DragDrop(e)

              {

               popupFeetWinmousemoveBack=document.body.onmousemove;

               popupFeetWinmouseupBack=document.body.onmouseup;

               ox=(e.offsetX==null)?e.layerX:e.offsetX;

               oy=(e.offsetY==null)?e.layerY:e.offsetY;

               popupFeetWinofsX=ox; popupFeetWinofsY=oy;



               document.body.onmousemove=popupFeetWinespopup_DragDropMove;

               document.body.onmouseup=popupFeetWinespopup_DragDropStop;

               if (popupFeetWintmrHide!=-1) clearInterval(popupFeetWintmrHide);

              }



              function popupFeetWinespopup_DragDropMove(e)

              {

               el=document.getElementById('popupFeetWin');              

               if (e==null&&event!=null)

               {

                     el.style.left=(event.clientX*1+document.body.scrollLeft-popupFeetWinofsX)+'px';

                     el.style.top=(event.clientY*1+document.body.scrollTop-popupFeetWinofsY)+'px';

                     event.cancelBubble=true;

               }

               else

               {

                     el.style.left=(e.pageX*1-popupFeetWinofsX)+'px';

                     el.style.top=(e.pageY*1-popupFeetWinofsY)+'px';

                     e.cancelBubble=true;

               }

               if ((event.button&1)==0) popupFeetWinespopup_DragDropStop();

              }



              function popupFeetWinespopup_DragDropStop()

              {

               document.body.onmousemove=popupFeetWinmousemoveBack;

               document.body.onmouseup=popupFeetWinmouseupBack;

              }



        //]]>
 
C#实现右下角弹窗效果（附完整源码）
希望我的博客，能帮上你解决学习中工作中所遇到的问题
03-24 760
C#实现右下角弹窗效果（附完整源码）
固定在网页右下角的js广告代码
lifeiinc的专栏
09-27 4836
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> *{margin:0} body{ height:1000px; width:1000px; } #a{ width:125px; h
网页右下角弹出视频广告JS代码
03-28
NULL 博文链接：https://lzj0470.iteye.com/blog/1263401
每日一个js实例12--广告切换效果
lxsm的博客
11-11 655
div{height: 200px;  width:200px;border: 1px solid blue;overflow: hidden;margin: 10px auto}        img{height: 200px;  width:200px;}           window.onload= function () {            var oDi
js重复实现广告内容
style201904的博客
06-14 301
<script type="text/javascript"> var div = document.getElementsByTagName('div')[0]; var btn = document.getElementsByTagName('button')[0]; btn.onclick = function () { //一开始点击按钮是给当前div给...
jQuery实现的右下角广告窗体跟随效果示例
10-21
通过上述的步骤，我们实现了一个广告窗体在页面加载完成后从右下角滑动展开，之后在2秒后开始以5秒的时间收起的效果。这个效果会随着页面的滚动而保持在右下角，因为广告窗体是使用`position:fixed;`定位的，它不会...
右下角弹出窗口实例代码
06-02
本实例代码旨在实现一个兼容IE6+及Firefox浏览器的右下角滑出窗口，模仿腾讯QQ2009的样式。 首先，我们要理解这个实例的核心技术是JavaScript（JS），这是一种广泛使用的客户端脚本语言，用于增强网页的交互性。在...
js右下角消息弹出通知插件notyf
06-24
**JS右下角消息弹出通知插件Notyf详解** 在现代Web开发中，用户交互体验至关重要，其中一种常见的提升用户体验的方式就是实时反馈，比如通过消息弹出通知。`notyf`是一款轻量级的JavaScript插件，专为实现这种功能...
jQuery+CSS3右下角图标菜单代码
06-05
这篇文章将深入探讨如何使用jQuery和CSS3来创建一个右下角图标菜单，这种菜单在现代网页设计中非常流行，能够提供简洁且具有交互性的用户体验。首先，我们要理解jQuery和CSS3各自的角色。 jQuery是一个强大的...
popupform_src.zip_右下角弹出
09-24
【标题】"popupform_src.zip_右下角弹出"是一个关于实现类似QQ右下角弹窗功能的源代码包。这个功能常见于许多软件和网站中，用于通知用户最新的消息、更新或广告。该源代码可以作为一个学习和参考的实例，帮助开发者...
分享一个右下角弹窗的完整例子（完整代码）
10-28
右下角弹窗的js封装代码，例子是jsp的，可随便移到其他语言下，例子分有所值哦，希望大家喜欢
经典的右下角图片 弹出代码 JS代码
shixiaolan_2001的专栏
07-09 3081
var oPopup = window.createPopup(); var popTop=40; function popmsg(msgstr){ var winstr=""; winstr+=""; winstr+=""; winstr+=""+msgstr+""; oPopup.document.body.innerHTML = winstr; popshow(); } function
HTML纯代码给网页增加右下角提示框弹窗提示图片+文字纯HTML代码无需插件
宋佳乐旗下博客
12-20 4177
HTML纯代码给网页增加右下角提示框弹窗提示图片+文字纯HTML代码无需插件。
关于flask入门教程-自定义弹出框
不胜人生一场醉
02-14 5669
SweetAlert可以替代Javascript原生的alert和confirm等函数呈现的弹出提示框，它将提示框进行了美化，并且允许自定义，支持设置提示框标题、提示类型、内容展示图片、确...
网站右下角插入纯JS的广告框
最新发布
邓草的博客
09-25 350
教你在网页的右下角插入纯JS的广告框，主要是用了JQ库。
【jQuery】纯js的右下角弹窗
热门推荐
编程记录，亲测有效
07-28 1万+
这个弹窗是如下图的效果： 打开网页的时候，这个弹窗会淡入，之后点击右上角的关闭按钮，其实就是一个& times;会淡出。 采用淡入淡出是因为直接Jquery一个fadeIn与fadeOut省事。如果采用窗口自下而上地移动，还要考虑div的position设置问题，这个问题还涉及一系列兼容性问题，很严重。 之所以称之为纯js的右下角弹窗，是因为，在任意页面，只需要如下引入Jquery之
分享一个网页右下角弹窗的代码
ob的专栏
10-28 3586
dialogBox\css\dialogBox.css   *{ margin:0px; border:0px; padding:0px; } .backgroundLayer_db{ position:absolute; z-index:9998; border: 1px solid #A67901; background: #EAEAEA;
JS实现漂浮广告功能
zxh996的博客
07-11 7538
JS实现漂浮广告功能前言一、漂浮广告案例 前言 漂浮广告非常简单也是老案例了，在网页的设计中可直接拿去用，原理都是我之前文章所讲到的，如果有什么不明白的可以看看我之前的文章，仅供参考学习。 一、漂浮广告案例 我在这个案例里面加了一些其他的操作，例如：移入时广告静止，移出时广告漂浮，点击一次跳转到另一个页面，点击俩次广告消失。 代码如下（示例）： <style type="text/css"> #div1 { width: 300px;
实现js右下角渐显弹出框的多个实例
标题“js右下角渐渐弹出框”指的是使用JavaScript技术在网页的右下角位置制作一个元素，这个元素具有渐渐弹出的效果，为用户提供动态的交互体验。 #### 实现原理 要实现右下角渐渐弹出框，基本原理是在HTML页面中...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

mastermanager

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值