`
hsyzijvaa
  • 浏览: 111746 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

JavaScript漂浮广告代码

    博客分类:
  • java
阅读更多
    <html>
<head>
<title>漂浮广告</title>

</head>
<body>
    <div id="tip" style="position:absolute">
       <img src=234.jpg border="0" width="250" height="100">
   </div>

<script>
var x = 50,y = 60
var xin = true, yin = true
var step = 1
var delay = 10
var obj=document.getelementbyid("tip")
function floattip() {
     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("floattip()", delay)
obj.onmouseover=function(){clearinterval(itl)}
obj.onmouseout=function(){itl=setinterval("floattip()", delay)}
</script>

</body>
</html>



var x = 50,y = 60 //浮动层的初始位置,分别对应层的初始x坐标和y坐标
var xin = true, yin = true //判断层的x坐标和y坐标是否在在控制范围之内,xin为真是层向右移动,否则向左;yin为真是层向下移动,否则向上
var step = 1 //层移动的步长,值越大移动速度越快
var delay = 10 //层移动的时间间隔,单位为毫秒,值越小移动速度越快  
0
0
分享到:
评论

相关推荐

    javascript浮动广告代码

    javascript浮动广告代码

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

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

    漂浮广告代码 漂浮广告

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

    Javascript浮动广告图片代码,已封装!兼容性强!使用简单!

    5. **用户体验考虑**:好的浮动广告代码会考虑到用户体验,比如设置广告出现和消失的条件,或者提供关闭广告的选项,以避免打扰用户正常浏览网页。 文件名`float_ad`可能是封装后的JavaScript文件,其中包含了实现...

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

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

    js浮动广告代码

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

    javascript经典广告实例代码

    理解DOM是掌握JavaScript广告代码的关键,它允许我们动态地访问和修改HTML和CSS。 2. **广告轮播** 许多网站使用广告轮播展示多个广告。JavaScript可以轻松实现这一功能,通过定时器控制广告图片的切换,同时添加...

    简洁易用的jQuery左右对称浮动广告代码.zip

    "简洁易用的jQuery左右对称浮动广告代码"是一个专门针对网页广告设计的jQuery插件,特别适合于创建对联广告,也就是在页面两侧浮动显示的广告条幅。 首先,我们要理解什么是对联广告。对联广告通常是指位于网页两侧...

    javascript浮动广告

    在本话题中,我们关注的是如何使用JavaScript实现一种特定的广告展示方式——浮动广告。这种广告通常会在网页的角落或者侧边栏中持续移动,吸引用户的注意力。当用户将鼠标悬停在广告上时,广告的移动会暂停,以提供...

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

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

    javascript实现的广告漂浮

    在本案例中,"广告漂浮"是一个常见的JavaScript特效,主要用于网页上的广告展示。当用户滚动网页时,这个广告会像固定在屏幕某个位置一样,始终可见,从而提高广告的曝光率。 实现广告漂浮的JavaScript技术主要涉及...

    浮动广告 利用JavaScript实现浮动广告的制作

    但通常,这样的文件可能包含示例HTML、CSS和JavaScript代码,用于演示如何创建浮动广告。 总之,浮动广告的实现涉及JavaScript的事件处理、DOM操作和动画原理。通过合理的编程和设计,可以创建出既吸引用户注意力又...

    漂浮广告代码

    "漂浮广告代码"指的是实现这种效果的编程代码,通常由JavaScript(js)编写。在这个场景下,我们有一个名为`pf.js`的JavaScript文件,位于`js`文件夹内,它是实现漂浮广告的关键。 JavaScript是一种广泛用于网页...

    javascript漂浮广告

    本文将深入探讨如何使用JavaScript来实现漂浮广告。 首先,我们需要理解JavaScript的基本概念。JavaScript主要负责处理网页的客户端行为,通过修改DOM(Document Object Model)来改变网页内容。在创建漂浮广告时,...

    jQuery浮动图片广告代码.zip

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

    网页浮动广告代码 非常好在右侧

    网页浮动广告代码是一种常见的网页设计技术,用于在页面上创建动态显示的广告。这些广告通常位于页面的侧边栏或屏幕边缘,随着用户滚动页面而始终保持可见,从而提高广告的曝光率和点击率。在本篇文章中,我们将深入...

    jquery浮动图片广告代码_页面上漂浮图片广告代码

    本文将深入探讨如何利用jQuery实现页面上的浮动图片广告代码。 首先,我们需要了解jQuery的基本用法。jQuery简化了JavaScript的DOM操作,事件处理和动画效果。要引入jQuery库,通常会在HTML文件的`&lt;head&gt;`部分添加...

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

    标题与描述中提到的“浮动广告代码”是网络广告中常用的一种技术,它可以使广告在网页上以浮动的形式出现,不随页面滚动而消失,从而提高广告的可见度和点击率。这种技术主要通过HTML、CSS和JavaScript实现,其中...

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

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

    常见的在屏幕内漂浮的图片广告效果代码

    今天,我们将讨论一种常见的浮动广告代码,用于在屏幕内漂浮图片广告。 首先,让我们了解什么是浮动广告。浮动广告是一种特殊的广告形式,它可以在网页上漂浮,吸引用户的注意力。浮动广告通常用于展示图片、文字或...

Global site tag (gtag.js) - Google Analytics