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


相关推荐

  • 接口定义规则

    接口定义规则写了五年代码,打算总结一下接口一下规范.  刚刚进公司时,写的接口返回过map,string,object,json等等,回头看看写的乱七八糟的. 1.接口最好是统一返回自定义实体.  如:ResultMessages.    privateString   resultCode,//返回code如:200(成功) 错误代码自己定义   message; 

    2022年5月29日
    43
  • 对于三极管饱和状态的理解「建议收藏」

    对于三极管饱和状态的理解「建议收藏」对于三极管饱和状态的理解https://zhidao.baidu.com/question/172715750.html问题来源对于三极管饱和状态的理解三极管如工作在饱和状态也就是开的状态,那么就是双结正偏这是书上的解释我自己的理解是这样的:饱和状态和从放大状态转变过来的,极电结和发射结正偏是结果,而不是原因就是说,三极管首先工作在放大状态,极电结反偏,发射结正偏当基级电流增大时,一直增大到三极管的非线性区(这里指的是饱和区),注意,在这一瞬间偏置情况并未改变,也就是说依然是极电结反偏,

    2022年9月11日
    5
  • linux oracle修改密码_linux 更改用户密码

    linux oracle修改密码_linux 更改用户密码Linux环境中修改Oracle用户密码第一步:[root@localhost~]#[color=green]su-oracle[/color]第二步:[oracle@localhost~]$[color=green]sqlplus/nolog;[/color]第三步:SQL>…

    2022年7月28日
    31
  • plc梯形图讲解_plc编程入门梯形图

    plc梯形图讲解_plc编程入门梯形图导读:初学PLC梯形图编程,应要遵循一定的规则,并养成良好的习惯。下面以三菱FX系列PLC为例,简单介绍一下PLC梯形图编程时需要遵循的规则,希望对大家有所帮助。有一点需要说明的是,本文虽以三菱PLC为例,但这些规则在其它PLC编程时也可同样遵守。OFweek工控网讯:初学PLC梯形图编程,应要遵循一定的规则,并养成良好的习惯。下面以三菱FX系列PLC为例,简单介绍一下PLC梯

    2022年9月10日
    2
  • 如何用qq裁剪图片并使用_ps裁剪比例怎么自定义

    如何用qq裁剪图片并使用_ps裁剪比例怎么自定义QQ图像自定义剪裁功能:一:主布局界面二:点击控件触发事件后效果图三:拍照完之后效果图四:裁剪界面效果图五:点击相册后返回的图片效果图六:裁剪完从相册PICK的保存后的效果图

    2022年8月10日
    4
  • list集合为空或为null的区别

    list集合为空或为null的区别简述判断一个list集合是否为空,我们的惯性思维是判断list是否等于null即可,但是在Java中,list集合为空还是为null,这是两码事。引用举个形象的例子,我有一个空着的水杯(list),而你没有,那你是null,我的size为0。你想装水就需要自己去买个水杯(new ArrayList();),但是我就可以直接装水(list.add(水))。你要是没有杯子直接倒水,水就流出…

    2022年6月13日
    27

发表回复

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

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