`

JavaScript漂浮广告代码

JavaScript 
阅读更多
<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 //层移动的时间间隔,单位为毫秒，值越小移动速度越快
  • 大小: 430.8 KB
分享到：
| Linux下远程会话的管理------Screen
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    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测试**：为了找到最佳的浮动广告设置，...

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

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

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

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

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

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

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

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

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

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

Magicbox
Global site tag (gtag.js) - Google Analytics