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…


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

相关推荐

  • 网站安全检测:推荐8款免费的 Web 安全测试工具「建议收藏」

    随着Web应用越来越广泛,Web安全威胁日益凸显。黑客利用网站操作系统的漏洞和Web服务程序的SQL注入漏洞等得到Web服务器的控制权限,轻则篡改网页内容,重则窃取重要内部数据,更为严重的则是在网页中植入恶意代码,使得网站访问者受到侵害。这也使得越来越多的用户关注应用层的安全问题,对Web应用安全的关注度也逐渐升温。下面向大家推荐8款非常有用的免费 Web安全测试工具。

    2022年4月10日
  • vue组件注册可以是以下哪种方式_自定义vue组件分三个步骤

    vue组件注册可以是以下哪种方式_自定义vue组件分三个步骤组件的组织通常一个应用会以一棵嵌套的组件树的形式来组织:例如,你可能会有页头、侧边栏、内容区等组件,每个组件又包含了其它的像导航链接、博文之类的组件。为了能在模板中使用,这些组件必须先注册以便

    2022年7月29日
  • 2019年美赛A题翻译与思路详解

    2019年美赛A题翻译与思路详解2019年美赛A题翻译与思路详解翻译与思路详解1.问题一在基于史诗奇幻系列小说冰之歌和火而虚构的电视剧中权力的游戏之中,三条龙是由龙之母丹妮莉丝塔格利安抚养长大龙孵化出的时候是很小的,约10千克。在一年之后就增长到约30到40千克。基于可得到的实物的数量和他们的情况会一直持续增长。为了解决这个问题,认为这三个虚构的人生活在现在。假设上面的描述的龙的基本生物学是准确的,你还需要将做…

    2022年6月11日
  • Mac新手使用技巧——Mac如何强制关机

    Mac新手使用技巧——Mac如何强制关机一般情况下,Mac电脑是非常稳定的,但是偶尔也会碰到应用程序没有响应或死机的情况,那么我们需要强制关机,Mac如何强制关机呢?一起来看看吧!1.如果是电脑打开了太多的应用程序造成了没有响应,可以按Command+Q来强制退出。2.如果还是没有反应,很多人喜欢像windows电脑那样按电源键5秒进行强制关机。(这其实是有损坏系统文件的风险)3.如果要采用这种强制切断电源的方法,最好是同时按住control+command+电源键,这样也可以强制关闭电脑,并且不会损坏系统。4.一般关机都是点

    2022年6月16日
  • 最长上升子序列 LIS算法实现[通俗易懂]

    最长上升子序列 LIS算法实现[通俗易懂]最长上升子序列LIS算法实现LIS(LongestIncreasingSubsequence)最长上升(不下降)子序列有两种算法复杂度为O(n*logn)和O(n^2)。在上述算法中,若使用朴素的顺序查找在D1..Dlen查找,由于共有O(n)个元素需要计算,每次计算时的复杂度是O(n),则整个算法的时间复杂度为O(n^2),与原来算法相比没有任何进步。但是由于D的特点(2),在D中查…

    2022年6月5日
  • 【Qt5.12】Qt5.12安装教程[通俗易懂]

    【Qt5.12】Qt5.12安装教程[通俗易懂]00.目录文章目录00.目录01.软件下载02.软件安装03.软件测试04.附录01.软件下载Qt5.12下载网址:http://download.qt.io/archive/qt/5.12/5.12.2/选择Windows平台,Linux和Mac平台类似下载好之后的安装包:02.软件安装Step1:双击安装包,稍等片刻,然后点击nextStep2:…

    2022年5月13日

发表回复

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

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