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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • [fastai]fastai Cookbook

    [fastai]fastai CookbookCourse url: http://www.fast.ai/ 1.Install fastai plugin in PyCharm IDE; 2.Import as: from fasta

    2022年9月3日
    2
  • vlanmuxld_vlan互通

    vlanmuxld_vlan互通无论如何,不许退缩,不许不努力,决不许放弃!文章目录一、VLAN聚合二、MUXVLAN三、QinQ四、VLANMapping五、拓扑六、基本配置与分析七、设备完整配置VLAN特性映射、聚合、MUXVLAN、QinQ;DHCP,DHCP中继,NAT,ACL。一、VLAN聚合聚合VLAN产生的背景:不同VLAN隔离二层通信(主要目的划分广播域),为了实现互通需要借助三层通信,这样每个VLAN都属于一个子网,需要自己的IP子网和网关,随着网络中VLAN数量的增加,IP子网也会剧增,但是实际每.

    2022年8月10日
    3
  • 在一台2010年的老电脑上安装黑群辉dsm5.2并完成外网访问与洗白操作

    在一台2010年的老电脑上安装黑群辉dsm5.2并完成外网访问与洗白操作背景我和媳妇的手机容量都快要满了,主要是手机存储了大量的照片和视频,所以考虑个解决方案给手机瘦身。方案要满足一下几个要求:1、数据非常重要,一定要保证数据的可靠性;2、自动完成照片的比较,然后上传;3、照片需要满足随时、随地查看;4、保证数据的安全及私密性,最好不使用公共网盘服务(怕开发商做恶)5、总投入费用不超过300块钱。方案对比方案1(最优雅):使用手机厂商自带的云存储服务,以appleicloud为例,50G的存储已经不够用了,需要升级到200G的方案,一个月就是21块钱,一年是252

    2022年6月12日
    52
  • pycharm如何激活成功教程_tx激活成功教程器怎么用

    pycharm如何激活成功教程_tx激活成功教程器怎么用背景PyCharm的激活成功教程方法有很多种,第一种是“授权服务器激活”,第二种是“激活码激活”,第三种是“激活成功教程补丁激活”。本文针对第三种“激活成功教程补丁激活”给出有效的激活成功教程方法。准备工具PyCharm激活成功教程补丁这个肯定是需要的,下载链接:PyCharm激活成功教程补丁链接:https://pan.baidu.com/s/1FtyZAxmLOYP-avmGLROdgw提取码:rdnl另外,我提供Pytho…

    2022年8月29日
    2
  • 《JavaScript 模式》读书笔记(4)— 函数4

    这篇文章我们主要来学习下即时对象初始化、初始化时分支、函数属性-备忘模式以及配置对象。这篇的内容会有点多。六、即时对象初始化保护全局作用域不受污染的另一种方法,即时对象初始化模式。这种模式使用带有

    2022年3月25日
    39
  • Chrome 扩展 最近的历史 HistoryBar v1.1

    Chrome 扩展 最近的历史 HistoryBar v1.1

    2022年1月11日
    50

发表回复

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

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