html左侧浮动广告代码,纯js网页浮动广告代码

article/2025/9/15 1:50:57

网上一般的网页浮动广告代码都是基于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)}

}


http://chatgpt.dhexx.cn/article/dOHJ9PO3.shtml

相关文章

HTML将广告关闭的JS代码,带关闭漂浮广告代码_漂浮广告js代码_漂浮窗口模式关闭...

带关闭漂浮广告代码带关闭漂浮广告代码带关闭按钮地网页漂浮广告代码 x ff.js代码 var xpos = 20; var ypos = document.body.clientheight; var step = 1; var delay = 30; var height = 0; var hoffset = 0; var woffset = 0; var yon = 0; var xon = 0; var pause = true; v…

漂浮广告代码

<!doctype html> <html> <head> <meta charset"utf-8"> <title>漂浮广告代码</title> <script src"http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> </head> <body> &…

php漂浮广告代码,JS随机漂浮广告代码具体实例

复制代码 代码如下: var xPos0,yPos0;//x,y轴坐标 var xon0;//图片在x轴移动方向 var yon0;//图片在y轴移动方向 var step1; //移动距离 var imgdocument.getElementByIdx_x("float");//图片层 function floatP() { var widthdocument.body.clientWidth;//浏览器…

JS实现漂浮广告功能

JS实现漂浮广告功能 前言一、漂浮广告案例 前言 漂浮广告非常简单也是老案例了&#xff0c;在网页的设计中可直接拿去用&#xff0c;原理都是我之前文章所讲到的&#xff0c;如果有什么不明白的可以看看我之前的文章&#xff0c;仅供参考学习。 一、漂浮广告案例 我在这个案例…

C语言课后习题(1)

谭浩强C语言第五版的一些课后习题 常用头文件&#xff1a; #include<stdio.h> #include<stdlib.h> #include<math.h> #include<string.h> #include<stdbool.h> 注意事项&#xff1a; 1)获取输入的字符串时&#xff0c;gets保留空格 scanf遇到空格…

C语言课后习题(计算增长率比值

#include <stdio.h>int main() {double p,r;int n;p1.00;r0.07;for(n1;n<10;n){pp*(1r);}printf("%lf\n",p);return 0; } 假如我国国民生产总值的年增长率为7%&#xff0c; 计算10年后我国国民生产总值与现在相比增长多少百分比。计算公式,r为年增长率&…

c语言字符串作业题,C语言课后习题练习(四)

(ps:提前声明一下&#xff1a;课后习题是备份给自己看的&#x1f602;) 1.输入3个整数&#xff0c;按由小到大的顺序输出 int main() { void swap(int *p1, int * p2); int n1, n2, n3; int *p1, *p2, *p3; printf("input three integer n1,n2,n3:"); scanf("%d…

翁恺C语言课后习题

1 时间换算&#xff08;5分&#xff09; 题目内容&#xff1a; UTC是世界协调时&#xff0c;BJT是北京时间&#xff0c;UTC时间相当于BJT减去8。现在&#xff0c;你的程序要读入一个整数&#xff0c;表示BJT的时和分。整数的个位和十位表示分&#xff0c;百位和千位表示小时…

啊哈C语言课后练习题

第 四 章 第四节 项目一&#xff1a;求1~100所有偶数的和。 问题代码/*copyright (啊哈C语言), 学习C *All rights reserved. *文件名称:myfirstc. *作者&#xff1a;JohnLu *完成日期&#xff1a;2020年3月17日 *版本号V1.0 * *问题描述&#xff1a;求1~100所有偶数的和。 …

12道c语言的课后习题!

1、计算n的阶乘&#xff08;1*2*3*4*5 n是个数&#xff0c;比如说乘到100&#xff1f;&#xff09; // 计算n的阶乘#include"stdio.h"int main() {int n 0;scanf("%d", &n);int i 0;int ret 1;for (i 1; i < n; i) {ret * i;}printf("…

TeeChart在VS2005,VS2008的入门教程

最近项目上要用到TeeChart来绘图&#xff0c;网络上关于TeeChart的资料很多&#xff0c;但是感觉很多都讲不到点上&#xff0c;很多入门过程中碰到的细节问题还是要自己探索。我把这两天的学到的记下来&#xff0c;也与大家分享。 环境&#xff1a;VS2005,VS2008 TeeChart版本:…

怎么用VS2008?

请问各位怎么用VS2008&#xff0c;为什么总是出错&#xff1f;我是这么做的。

[Win8]如何使用Visual Studio2012进行Windows8项目开发

随着Windows8普通版&#xff0c;专业版和企业版的普及&#xff0c;Windows8的应用开发也逐渐火热起来。 下面简单介绍一下如何使用Visual Studio2012进行Windows8项目的开发。 首先安装Windows8的操作系统&#xff0c;推荐安装32位的Win8&#xff0c;因为64位的容易出现不兼容…

VS2008技巧收集

1&#xff0c;Visual Studio 2008自带的1000多个 Windows 系统使用的各种图标、光标和动画文件在Visual Studio 2008的安装目录下&#xff0c;/Microsoft Visual Studio 9.0/Common7/VS2008ImageLibrary/2052文件夹下面&#xff0c;有一个VS2008ImageLibrary.zip&#xff0c;这…

VS2012使用 MSDN教程

VS2012安装默认只安装Help Viewer,如果想要安装文档的话&#xff0c;需要去官网下载。网址如右:https://www.microsoft.com/zh-CN/download/details.aspx?id34794 一&#xff0c;选择中文版&#xff0c;点击下载&#xff0c;2G。如下图&#xff1a; 下载完成&#xff0c;需要解…

VS2008使用技巧及快捷键大全

VS2008技巧&#xff0c;非常实用&#xff0c;非常提高效率。 1&#xff0c;Visual Studio 2008自带的1000多个 Windows 系统使用的各种图标、光标和动画文件 在Visual Studio 2008的安装目录下&#xff0c; \Microsoft Visual Studio 9.0\Common7\VS2008ImageLibrary\2052文件夹…

VS2008 使用小技巧-------快捷键

以下的内容转载自&#xff1a;http://www.21industry.com/group_thread/view/id-32435 VS2008 使用小技巧——快捷键 1. 怎样调整代码排版的格式&#xff1f; 选择&#xff1a;编辑—>高级—>设置文档的格式 或 编辑—>高级—>设置选中代码的格式。 格式化cs代码…

vs2008 html5 的安装,vs2008安装教程,详细教您vs2008安装教程

小伙伴们&#xff0c;你们知道Visual Studio 2008是什么吗&#xff1f;小编我来给你们简单的解释一下哈&#xff0c;vs2008就是是对Office 2007、Web 2.0的下一代开发工具&#xff0c;代号是Orcas&#xff0c;是对vs2005的升级。而今天我就来告诉你们vs2008安装教程&#xff0c…

【C++】利用Visual Studio 2008编写C++,Visual Studio 2008的基本使用

现在很多高校还是利用Visual C 6.0这一经典版本在教C&#xff0c;很多人对自己第一个程序的回忆是利用Visual C 6.0用C语言写的Helloworld&#xff0c;之后再学习C的类&#xff0c;不过还是在使用Visual C 6.0。于是Visual Studio对Visual C 6.0界面的布置改动得比较大&#xf…

VS2008使用技巧

VS2008技巧&#xff0c;非常实用&#xff0c;非常提高效率。 1&#xff0c;Visual Studio 2008自带的1000多个 Windows 系统使用的各种图标、光标和动画文件 在Visual Studio 2008的安装目录下&#xff0c; \Microsoft Visual Studio 9.0\Common7\VS2008ImageLibrary\2052文件夹…