`
baiiiuuu
  • 浏览: 42690 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

js漂浮广告

    博客分类:
  • web
js 
阅读更多
js漂浮广告
<html>
<head>
<title>漂浮广告</title>
<body>
<div id="codefans_net" style="position:absolute">
<!--链接地址--><a href="#" target="_blank">
<!--图片地址--><img src="/images/logo.gif" border="0">
</a>
</div>
<script> 
var x = 50,y = 60 
var xin = true, yin = true 
var step = 1 
var delay = 10 
var obj=document.getElementById("codefans_net") 
function float() { 
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("float()", delay) 
obj.onmouseover=function(){clearInterval(itl)} 
obj.onmouseout=function(){itl=setInterval("float()", delay)} 
</script>
</body>
</html>
分享到:
评论

相关推荐

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

    在本话题中,我们主要关注的是JS漂浮广告代码,这是一种常见的网页广告展示技术,它使得广告能够在用户滚动页面时始终保持在屏幕的可见区域内。 漂浮广告,又称为浮动广告或滑动广告,是网页设计中一种吸引用户注意...

    javascript漂浮广告

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

    js物理弹性漂浮广告_兼容版

    【标题】"js物理弹性漂浮广告_兼容版"指的是一个使用JavaScript编写的,具有物理弹性效果的浮动广告代码库,特别强调了它的兼容性,意味着它能够在多种浏览器和设备上正常运行。在网页设计中,漂浮广告通常是那些在...

    js漂浮广告实现代码(合集经典) 符合W3C

    [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 第二种 漂浮广告 不符合标准Js漂浮广告代码,比较经典的浮动广告,到现还很实用,如果你是一位站长的话,这种代码是必备的,希望对你有用处。 漂浮广告 ...

    JS漂浮广告代码,图片飘动,响应鼠标停止

    标题中的“JS漂浮广告代码,图片飘动,响应鼠标停止”揭示了这个压缩包文件包含的是一段JavaScript代码,用于实现网页上的漂浮广告效果。这种广告通常会在页面上浮动,跟随用户的滚动,当鼠标靠近时会停止移动,以...

    漂浮广告JS代码

    JS(JavaScript)是实现漂浮广告的关键技术。JavaScript是一种轻量级的解释型编程语言,常用于网页和网络应用开发,提供动态交互功能。在创建漂浮广告时,JavaScript用于控制广告元素的位置、行为和互动效果。通过...

    漂浮广告的原理(Javascript)

    漂浮广告,也被称为浮动广告或跟随广告,是网页设计中一种常见的营销手段,它以JavaScript为主要实现方式,能够在用户浏览网页时始终保持在屏幕的某一固定位置,吸引用户的注意力。这种广告形式通常会出现在页面的...

    JS 漂浮 广告 代码

    JS漂浮广告代码! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/

    js物理弹性漂浮广告

    总的来说,JS物理弹性漂浮广告是一个结合HTML、CSS和JavaScript的复杂网页交互效果,它利用现代Web技术为用户提供了一种动态且吸引人的广告展示方式。开发者需要对前端技术有深入理解,才能实现这样的功能。

    漂浮广告代码 漂浮广告

    JavaScript在漂浮广告中的作用主要体现在交互性和动态效果上。例如,当用户滚动页面时,可以通过监听window的scroll事件来调整广告的位置,使其始终保持在可视区域内。同时,JavaScript还可以用于控制广告的显示和...

    经典漂浮广告JS 代码 经过测试直接可用~~~

    在网页设计和开发中,漂浮广告是一种常见的广告展示方式,它通过JavaScript(JS)实现,可以在用户浏览页面时保持在屏幕的特定位置持续显示。本文将深入探讨漂浮广告JS的相关知识点,以及如何创建和应用这样的代码。...

    网页JS代码漂浮广告

    网页JS代码漂浮广告是一种常见的在线营销策略,用于吸引用户注意力并提高品牌曝光度。这种广告形式通过JavaScript脚本实现,可以在用户浏览页面时在页面的特定位置保持可见,即使用户滚动页面,广告也会随之浮动。...

    javascript实现的广告漂浮

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

    JS物理弹性漂浮广告.rar

    在本项目"JS物理弹性漂浮广告.rar"中,我们聚焦于使用JavaScript实现的一种动态广告效果,这种效果通常被称为“漂浮广告”或“弹窗漂浮”。在网页浏览时,这种广告会跟随用户滚动页面而始终停留在视野范围内,从而...

    js漂浮广告实现代码

    接下来,我们看到有引入了一个外部JavaScript文件`moveobj.js`,这通常是用来封装与漂浮广告相关的函数和逻辑。`moveobj.js`中定义了几个关键的JavaScript对象和函数,它们包括了: - `Chip`对象:代表每一个漂浮的...

    js封装类 漂浮广告封装类

    javascript 漂浮广告 虽然网站上有漂浮广告很烦人,有的老板就偏爱 这个 ... 没办法 ..哎

    漂浮广告的JS代码(经典)

    漂浮广告的JS代码(经典)! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/

Global site tag (gtag.js) - Google Analytics