`
jeasony
  • 浏览: 199954 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

一个可以关闭的漂浮广告代码

    博客分类:
  • js
阅读更多

<script type="text/javascript">
function hidead()
{document.getElementById("ad").style.display="none";}
</script>
<div id="ad" style="position:absolute">
<a href="http://www.eve2u.cn/tgmm/" target="_blank">
<img src="38.gif" width="200" border="0">
</a>
<DIV onclick="hidead();" style="FONT-SIZE: 9pt; CURSOR: hand" align=right>关闭广告×</DIV></div>
<script>
var x = 50,y = 60
var xin = true, yin = true
var step = 1
var delay = 1
var obj=document.getElementById("ad")
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
obj.style.top = y + document.body.scrollTop
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 }
}
var itl= setInterval("floatAD()", delay)
obj.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}
</script>

分享到:
评论

相关推荐

    漂浮广告代码(点击可关闭)

    漂浮广告代码是一种常见的网页设计技术,用于在网站上展示浮动的广告元素,通常是一个图片或视频,可以吸引用户注意力并引导他们访问特定的广告页面。这种广告设计旨在提高广告的可见性和交互性,同时也允许用户通过...

    漂浮广告代码 漂浮广告

    【标题】:“漂浮广告代码 漂浮广告” 在网页设计中,漂浮广告是一种常见的网络广告形式,它能够在用户浏览页面时始终悬浮在屏幕的一侧或角落,吸引用户的注意力。这种广告类型的设计和实现涉及到HTML、CSS以及...

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

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

    JS漂浮广告代码、JS漂浮广告代码

    漂浮广告,又称为浮动广告或滑动广告,是网页设计中一种吸引用户注意力的策略。通过使用JS,开发者可以创建动态的、位置固定的广告元素,这些元素可以在页面的各个角落或者沿着屏幕边缘跟随用户滚动。这样的设计能够...

    jQuery浮动图片广告代码.zip

    7. **响应式设计**:随着移动设备的普及,浮动广告代码也应具备响应式设计,即根据设备的屏幕尺寸和方向自动调整广告的大小和位置,确保在不同设备上的良好呈现。 8. **A/B测试**:为了找到最佳的浮动广告设置,...

    js浮动广告代码

    在这个场景中,"js浮动广告代码"指的是使用JavaScript实现的一种广告展示方式,这种广告会悬浮在网页的四周,无论用户滚动页面,它都会保持在屏幕的特定位置,从而提高广告的可见性和点击率。 浮动广告的实现原理...

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

    本文将深入分析一个具体的带有关闭按钮的漂浮广告代码示例,帮助读者理解其实现原理和技术细节。 #### 代码结构概览 首先,我们来看一下这段代码的基本结构。代码主要分为两个部分:JavaScript脚本和HTML元素。 1...

    asp漂浮广告源代码

    ### ASP漂浮广告源代码解析 #### 一、概述 在网页设计中,为了增加广告曝光率或提高网站互动性,经常会用到一种名为“漂浮广告”的技术。这种广告通常会以一个小窗口的形式出现在页面上,并随着用户的滚动而移动,...

    浮动广告代码,浮动广告代码

    综上所述,“浮动广告代码”不仅涉及到了HTML和CSS的基础布局和样式设计,更深度地利用了JavaScript来实现动态交互和动画效果,是一个综合运用多种前端技术的实例。理解并掌握这些技术,对于从事网页开发和广告投放...

    很不错的漂浮广告代码.rar

    "很不错的漂浮广告代码.rar"是一个压缩包文件,其中可能包含了一段有效的JavaScript代码,用于创建具有弹窗和漂浮效果的广告。下面我们将深入探讨漂浮广告的实现原理、相关JavaScript知识以及如何优化用户体验。 ...

    浮动广告代码

    ### 浮动广告代码解析与应用 在网页设计与网络广告领域,浮动广告因其灵活性和高可见性而受到广泛欢迎。浮动广告代码是实现这一功能的关键技术,它允许广告在用户浏览网页时跟随滚动,保持在用户的视线范围内,从而...

    常用的网页漂浮图片广告代码

    这种广告代码的设计需要考虑到用户体验,既要达到广告效果,又不能过于干扰用户阅读网页内容。 首先,我们需要了解JavaScript基础。JavaScript是一种解释型的、跨平台的编程语言,主要用于增强网页的交互性。在这个...

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

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

    jQuery右下角pop弹窗漂浮广告代码,兼容主流浏览器.rar

    总结起来,实现一个兼容主流浏览器的jQuery右下角pop弹窗漂浮广告代码,主要涉及以下几个步骤: 1. 引入jQuery库。 2. 创建HTML结构和CSS样式,设计弹窗的外观和位置。 3. 使用jQuery控制弹窗的显示与隐藏,包括延迟...

    浮动图片广告代码.zip

    实现浮动广告代码的核心原理是利用JavaScript监听滚动事件,并根据滚动位置调整广告元素的样式。以下是一个简单的例子: 1. 首先,你需要在HTML中定义一个广告图片的div元素,为其设置ID以便在JavaScript中引用: `...

    网页广告 代码全集 js 广告代码 大全 1-61 (A)

    49:破SP2弹窗24小时弹一次下载 50:定时关闭的背投广告代码下载 51:仿GG和百度的文字浮动广告下载 52:绕过XP关闭弹出代码下载 53:关闭弹出两窗口的代码下载 54:鼠标经过即弹出广告代码下载 55:按钮跳出广告代码...

    100种网页常用广告代码集

    100种网页常用广告代码集 绝对经典 1:对联广告代码演示下载 2:对联广告带关闭代码演示下载 3:大幅广告自动翻滚代码演示下载 4:大幅图片广告代码演示下载 5:横向滚动图片代码演示下载 6:幻灯图片代码演示下载 7...

    漂浮广告JS代码

    漂浮广告,也被称为浮动广告,是网页...通过以上步骤和知识点,你可以构建一个基本的JS漂浮广告系统。然而,为了更专业和高效地实施,你可能还需要学习更多关于前端开发、JavaScript高级特性以及用户体验设计的知识。

    漂浮广告代码

    【漂浮广告代码】是一种在网页设计中常见的技术,用于实现一种浮动的、可跟随页面滚动的广告展示形式。这种广告通常位于网页的边缘,如右侧,不会随着用户浏览内容而消失,从而提高广告的可见性和点击率。下面我们将...

    网站飘浮广告、浮动广告代码 可关闭 可重播放大.rar

    原生的JS网站飘浮广告代码、浮动广告代码,当用户不需要时,可关闭广告,但并非完全关闭,关闭后缩小成小广告依然显示,在缩小的广告上单击重播功能,可放大到原始的广告状态。这类广告目前网上仍然存在,飘浮在网页...

Global site tag (gtag.js) - Google Analytics