`
lizhuang
  • 浏览: 903639 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

简单的浮动广告

浏览器HTML 
阅读更多
<html>
<head>
<!--
在网页中，浏览器窗口的左上角默认为原点（0，0）位置。HTML 对象的起点位置坐标（x,y)一般分别使用left 和top属性表示，分别代表该对象的左边距和上边距。
Math对象的random（）方法产生0－1的随机数，Layer1层的左边距和上边距的值是随机的所以产生了随机移动的效果。
-->
<script language=JavaScript>
function move(){
document.getElementById("Layer1").style.left = Math.random()*500;
document.getElementById("Layer1").style.top = Math.random()*500;
setTimeout("move()",800);
}
</script>
</head>
<body onload="move()">
<div id="Layer1" style="position:absolute;left:14px;top:44px;width:150px; height:102px; z-index:1; bgcolor:red;">
<a href="http://amazon.com">
<img src="a.jpg" width="150" height="100"/>
</a>
</div>
<h2>随机漂浮广告</h2>
</body>
</html>
0
顶
1
踩
分享到：
评论
发表评论

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

相关推荐

    浮动广告 左右广告浮动广告 左右广告

    根据给定文件的信息，我们可以提炼出与“浮动广告”相关的几个关键知识点，包括浮动广告的基本概念、实现原理、以及在实际网页开发中的应用等。 ### 一、浮动广告的概念 浮动广告是一种常见的在线广告形式，它能够...

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

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

    javascript两种浮动广告

    相比于这两种方法，网络上常见的浮动广告实现可能更加简单，例如只使用CSS的`position: fixed`，而不进行JavaScript的动态调整。虽然这样可以节省资源，但在某些情况下（如用户快速滚动页面）可能无法保持广告的准确...

    javascript浮动广告

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

    jQuery浮动广告

    就是个用jQuery做的个简单浮动广告，希望有需要学习的人参考，第一次发代码不怎么的，请包涵

    简单实用的浮动广告代码

    ### 知识点详解：简单实用的浮动广告代码 #### 浮动广告概述 浮动广告是一种常见的网页元素，常用于网站推广、商品宣传或学校招生等场景。它能够在页面滚动时保持显示，增加用户注意到广告的概率。本次分享的代码...

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

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

    js浮动广告

    js浮动广告 浮动在页面的广告 代码非常简单

    网站页面的浮动广告小代码

    标题与描述概述的知识点主要集中在网页设计中...通过上述分析，我们可以看到，即使是简单的浮动广告，背后也涉及到了不少前端技术的应用，包括但不限于元素定位、事件处理、屏幕适配等，这些是构建现代网页应用的基础。

    浮动广告的代码 浮动广告的代码

    浮动广告是一种常见的网络广告形式，它通常出现在网页的侧边或者顶部，随着用户滚动页面而保持在屏幕的固定位置，以此吸引用户的注意力。在本文中，我们将深入探讨浮动广告的实现原理、相关代码以及如何创建和优化...

    浮动的广告

    在浮动广告的场景中，我们可能需要一个`&lt;div&gt;`元素作为广告容器，用以包含广告图像或其他内容。例如： ```html 浮动广告"&gt; ``` 接下来，CSS（层叠样式表）用于定义广告的样式和行为。浮动广告的关键在于设置`...

    网页浮动广告代码 非常好的

    网页浮动广告代码是一种常见的网页设计技术，用于在页面上创建始终可见的广告单元，即使用户滚动页面，这些广告也会保持在屏幕的特定位置。这种广告形式可以提高广告的曝光率，因为它们始终在用户的视线范围内。本文...

    浮动图片广告代码.zip

    在网页设计中，浮动广告通常被设计为固定在浏览器窗口的一侧或角落，即使用户滚动页面，广告也会始终保持在屏幕的特定位置。这样的设计能够提高广告的曝光率，增加点击可能性，但同时也可能影响用户的浏览体验，因此...

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

    在本案例中，"Javascript浮动广告图片代码"是指一种利用JavaScript实现的广告展示技术，这种技术可以让广告在网页上以浮动的方式显示，吸引用户的注意力。 浮动广告，也称为漂浮广告或飞舞广告，通常是指在网页滚动...

    JS最兼容的浮动广告

    以后大家多点上传JS相互共享一下！谢谢！是不是很给力

    如何制作浮动广告 JavaScript制作浮动广告代码

    从上述文件的内容来看，本文主要介绍了如何使用JavaScript来创建一个简单的浮动广告。以下将详细分析知识点，并按照要求提供详尽的解释。 ### 浮动广告的基本概念 浮动广告是一种网页广告形式，它不固定在网页的...

    JavaScript实现网页上的浮动广告的简单方法

    JavaScript是一种广泛应用于网页开发的脚本语言，它可以用于创建交互式的网页效果，其中包括浮动广告的实现。浮动广告是指在用户滚动网页时仍然保持在屏幕某一位置的广告元素，这种广告形式能够持续吸引用户的注意力...

    实现漫天飞舞浮动广告

    在网页设计中，为了吸引用户的注意力并增加互动性，一种常见的技术是实现各种类型的浮动广告。标题中的"漫天飞舞浮动广告"指的是在网页上动态显示的广告元素，它们能够在屏幕上自由移动，给人一种视觉上的动态效果。...

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