html右浮动代码_html+css+js

html右浮动代码_html+css+js网上一般的网页浮动广告代码都是基于jquery的,受jiquery版本及浏览器限制,非常容易出现不兼容的情况,本站分享一段纯js网页浮动广告代码,简单兼容。html代码:javascript代码:window.onload=function(){varx=50,y=60;varxin=true,yin=true;varstep=1;vardelay=10;varobj=docu…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

网上一般的网页浮动广告代码都是基于jquery的,受jiquery版本及浏览器限制,非常容易出现不兼容的情况,本站分享一段纯js网页浮动广告代码,简单兼容。

html代码:

javascript代码:

window.οnlοad=function(){

var x=50,y=60;

var xin=true, yin=true;

var step=1;

var delay=10;

var obj=document.getElementById(“ad”);

function float(){

var L=T=0;

var R=document.documentElement.clientWidth-obj.offsetWidth;

var B =document.documentElement.clientHeight-obj.offsetHeight;

obj.style.left=(x+document.body.scrollLeft||document.documentElement.scrollLeft)+”px”;

obj.style.top=(y+document.body.scrollTop||document.documentElement.scrollTop)+”px”;

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 flag= setInterval(float, delay)

obj.οnmοuseοver=function(){clearInterval(flag)}

obj.οnmοuseοut=function(){flag=setInterval(float, delay)}

}

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/191497.html原文链接:https://javaforall.net

(0)
上一篇 2026年1月31日 上午7:43
下一篇 2026年1月31日 上午8:15


相关推荐

  • Redis内存满了的几种解决方法(内存淘汰策略与Redis集群)

    Redis内存满了的几种解决方法(内存淘汰策略与Redis集群)

    2021年11月9日
    89
  • c语言 多线程(详)

    c语言 多线程(详)什么是线程 线程的优点是什么线程在 Unix 系统下 通常被称为轻量级的进程 线程虽然不是进程 但却可以看作是 Unix 进程的表亲 同一进程中的多条线程将共享该进程中的全部系统资源 如虚拟地址空间 文件描述符和信号处理等等 但同一进程中的多个线程有各自的调用栈 callstack 自己的寄存器环境 registercont 自己的线程本地存储 thread localstorage

    2026年3月26日
    3
  • 极影动漫_风车动漫无删减免费下载

    极影动漫_风车动漫无删减免费下载极影动漫链接:http://vod.ktxp.com…

    2022年8月23日
    5
  • 挖矿脚本学习

    挖矿脚本学习#背景日常应急响应过程中发现的挖矿脚本,对其进行分析发现写的质量该不错,可以学习下#样本分析及学习SHELL=/bin/bashPATH=/sbin:/bin:/usr/sbin:/usr/b

    2022年6月30日
    26
  • 树莓派串口调试助手_树莓派4b教程

    树莓派串口调试助手_树莓派4b教程原文链接:https://blog.csdn.net/itisyang/article/details/79968592最新的Raspbian串口连接没有数据输出使用ssh连接树莓派之后-sudoraspi-config-InterfacingOptions-Serial打开串口登录树莓派正常情况串口四根线连接:VCC-5VGND-GNDTX…

    2022年10月10日
    5
  • java用什么编译器_Java用Java编译「建议收藏」

    java用什么编译器_Java用Java编译「建议收藏」java用什么编译器在上一篇文章中,我写了关于如何在运行时生成代理的内容,我们已经了解到生成Java源代码的程度。但是,要使用该类,必须对其进行编译,并将生成的字节码加载到内存中。那是“编译”时间。幸运的是,从Java1.6开始,我们可以在运行时访问Java编译器,因此可以将编译时与运行时混淆。尽管在这种非常特殊的情况下,这可能会导致过多的麻烦事情,通常导致无法维护的自我修改代码,…

    2022年5月6日
    43

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号