`
xiang37
  • 浏览: 430877 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

漂浮广告带关闭

阅读更多

<script type="text/javascript">

function hidefudongand()

{

   document.getElementById("fudongand").style.display="none";

}

</script>

<div id="fudongand" style="position:absolute;width:173px;"><!--一定要写宽度-->

   <!--<div onclick="hidefudongand();" style="cursor:pointer;text-align:left;"></div>-->

   <div><a href="/yyqt/zlxz/2009/09/0418094922436.html" target="_blank">

      <img src="http://www.danyang.gov.cn/images/dy2009_index_pf.jpg " alt="网站帮助" border="0" />

   </a></div><div style="float:right;"><span style="CURSOR:pointer;" onclick="hidefudongand();"><img src="http://www.danyang.gov.cn/images/dy2009_close.jpg " border="0" style="margin-right:3px; text-align:center" /><font style="font-size:13px;">关闭</font></span></div>

 

</div>

<script type="text/javascript">

   var x = 50,y = 60;

   var xin = true, yin = true;

   var step = 1;//层移动的步长,值越大移动速度越快

   var delay = 20;//层移动的时间间隔,单位为毫秒,值越小移动速度越快

   var obj=document.getElementById("fudongand");

   function floatAD()

   {

      var L=T=0;

      var R= document.body.clientWidth-obj.offsetWidth;

      var B = document.body.clientHeight-obj.offsetHeight;

      obj.style.left = x + document.body.scrollLeft + "px";

      obj.style.top = y + document.body.scrollTop +"px";

      x = x + step*(xin?1:-1);

      if (x < L) { xin = true; x = L;}

      if (x > R){ xin = false; x = R;}

      y = y + step*(yin?1:-1)

      if (y < T) { yin = true; y = T; }

      if (y > B) { yin = false; y = B;}

   }

   //如果需要显示漂浮广告,请注释掉下面这行代码,然后恢复下面那三条已经注释掉的代码

   //document.getElementById("fudongand").style.display="none";

   var itl= setInterval("floatAD()", delay);

   obj.onmouseover=function(){clearInterval(itl)}

   obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}

</script>

分享到:
评论

相关推荐

    带关闭按钮的网页漂浮广告代码(全屏漂浮)

    ### 带关闭按钮的网页漂浮广告代码分析 #### 一、背景介绍 在现代网页设计中,广告是网站盈利的重要方式之一。为了提高广告的可见度与互动性,许多网站采用各种技术手段实现广告的展示效果。其中,带有关闭按钮的...

    带关闭按钮的漂浮广告代码

    ### 带关闭按钮的漂浮广告代码解析 在现代网页设计中,为了更好地吸引用户注意力并推广特定产品或服务,开发人员常常会在网页中加入各种形式的广告。其中,带有关闭按钮的漂浮广告是一种非常实用且受欢迎的形式。...

    js漂浮框带关闭

    JavaScript(简称JS)是一种轻量级的...以上是关于"js漂浮框带关闭"的主要知识点,理解并掌握这些内容,你可以创建出既实用又具有良好用户体验的js漂浮框。在实际项目中,可能还需要结合具体的业务需求进行定制和优化。

    对联广告带关闭

    在网页设计中,“对联广告带关闭”通常指的是位于页面两侧、形状类似对联的广告模块,这种广告设计旨在吸引用户的注意力,同时提供一个明显的关闭选项,让用户可以选择性地屏蔽广告,提高用户体验。对联广告通常出现...

    Javascript实现带关闭按钮的网页漂浮广告代码

    总结来说,这个JavaScript实现的带关闭按钮的网页漂浮广告代码通过动态调整广告位置和提供关闭功能,为网站提供了交互式的广告展示方式。它结合了HTML、CSS和JavaScript技术,展示了Web开发中的基本动态效果和事件...

    jQuery做浮动层/浮动广告/漂浮

    标题中的“jQuery做浮动层/浮动广告/漂浮”指的是使用jQuery这个JavaScript库来实现页面上的元素(通常为广告)保持在用户滚动页面时始终可见的效果。这种技术常见于网页设计中,用来吸引用户的注意力或者提供重要的...

    jquery网站右下角悬浮广告带关闭按钮.rar

    【标题】"jQuery网站右下角悬浮广告带关闭按钮"是一种常见的网页交互设计,它利用JavaScript库jQuery实现了一种在网站右下角显示的广告条,该广告条带有可点击的关闭按钮,并且具备自动消失的功能,以提供良好的用户...

    制作浮动的广告图片,包含关闭按钮。

    制作浮动的广告图片,包含关闭按钮。window.onscroll,pixelTop,doucument.body.scrollTop

    手机网页(WAP网页)底部悬浮广告代码带抖动/关闭效果

    "手机网页(WAP网页)底部悬浮广告代码带抖动/关闭效果"是一种创新的广告呈现形式,旨在吸引用户的注意力同时提供便捷的关闭选项。这种技术通过JavaScript实现,使得广告能在网页底部悬浮,并且具有定时抖动和关闭...

    全屏图片广告随机漂浮可点击关闭jQuery特效.zip

    在事件处理函数中,可以使用jQuery的`fadeOut()`或`remove()`方法,使广告逐渐淡出或直接从DOM中移除,同时,如果广告带有链接,点击后还可以利用`location.href`改变页面URL,实现跳转。 4. **动画效果**:jQuery...

    带关闭的飘浮广告条

    【标题】:“带关闭的飘浮广告条” 飘浮广告是一种常见的在线营销策略,它以浮动的方式出现在网页的边缘或角落,吸引用户的注意力。这种广告形式通常设计为可移动或可关闭,以便用户在需要时可以将其移开,从而不...

    jQuery浮动广告横幅代码.zip

    在浮动广告横幅中,jQuery主要负责动态效果的实现,如广告的显示和隐藏、大小切换等。 1. **HTML结构**:在HTML文件中,广告横幅通常会定义为一个div元素,带有特定的class或者id以便于在CSS和JavaScript中引用。它...

    带关闭倒计时的广告代码网页居中悬浮适合网页

    "带关闭倒计时的广告代码网页居中悬浮"是一种这样的技术,它结合了JavaScript(JS)编程语言的功能,实现了广告的动态显示、居中定位以及倒计时关闭的特性。下面我们将深入探讨这个技术的各个方面。 首先,我们来...

    网页两侧的浮动对联广告

    本压缩包包含两个浮动对联广告的实例,一个带有关闭按钮,另一个则没有。 首先,我们要理解浮动对联广告的工作原理。在网页布局中,浮动对联广告通常被设置为固定在页面的左侧或右侧,随着用户滚动页面,它们始终...

    不带关闭对联广告代码

    不带关闭对联广告代码 ,核心:不带关闭对联广告代码 ,结合目前国内最流行的设计风格及浏览风格!操作简单,图片大小便于修改,图片大小可根据情况进行及时的修改;漂浮行动的时间也可以修改,总之操作简单,效果很...

    兼容各大浏览器带关闭按钮的漂浮多组图片广告代码

    这段代码主要展示了如何在网页上实现一个兼容各主流浏览器的带有关闭按钮的浮动多组图片广告功能。这个功能是通过JavaScript实现的,涉及到的核心技术包括事件处理、页面滚动位置获取以及浏览器兼容性处理。 首先,...

    100种网页常用广告代码集

    2:对联广告带关闭代码演示下载 3:大幅广告自动翻滚代码演示下载 4:大幅图片广告代码演示下载 5:横向滚动图片代码演示下载 6:幻灯图片代码演示下载 7:大幅自动轮换代码演示下载 8:对联广告带上面关闭代码演示...

    jquery实现的随机显示不同样式的网站右下角广告窗口带关闭按钮悬浮特效源码.zip

    在这个例子中,广告窗口可能出现时带有淡入效果,关闭时则淡出,或者在页面滚动时跟随用户的视线平滑移动,这些都可通过jQuery的动画方法实现。 5. **文件132696215978917219**:这个文件可能是源代码的主文件,...

    javascript实现div浮动在网页最顶上并带关闭按钮效果实例

    在这个JavaScript实现的网页实例中,主要展示了如何使用HTML、CSS和JavaScript来创建一个浮动在页面顶部并且带有关闭按钮的div元素。这个功能通常用于创建工具提示、通知栏或者广告条等,以提供一种非侵入性的用户...

Global site tag (gtag.js) - Google Analytics