js漂浮广告实现代码（合集经典）符合W3C

所属分类：网络编程 / JavaScript 阅读数： 353

收藏 0赞 0分享

第一种漂浮广告不符合W3C
JavaScript漂浮广告代码，很不错，代码精简，不过一次只有漂一个，复制就能用了。希望站长朋友喜欢。

第二种漂浮广告不符合标准
Js漂浮广告代码，比较经典的浮动广告，到现还很实用，如果你是一位站长的话，这种代码是必备的，希望对你有用处。

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>漂浮广告</title> </head> <body> <DIV id=img1 style="Z-INDEX: 100; LEFT: 2px; WIDTH: 59px; POSITION: absolute; TOP: 43px; HEIGHT: 61px; visibility: visible;"><a href="http://sc.jb51.net" target="_blank"><img src="https://cdn.zhanzhang360.cn/imgupload/008060/logo.gif" width="80" height="80" border="0"></a></DIV> <SCRIPT> var xPos = 300; var yPos = 200; var step = 1; var delay = 30; var height = 0; var Hoffset = 0; var Woffset = 0; var yon = 0; var xon = 0; var pause = true; var interval; img1.style.top = yPos; function changePos() { width = document.body.clientWidth; height = document.body.clientHeight; Hoffset = img1.offsetHeight; Woffset = img1.offsetWidth; img1.style.left = xPos + document.body.scrollLeft; img1.style.top = yPos + document.body.scrollTop; if (yon) {yPos = yPos + step;} else {yPos = yPos - step;} if (yPos < 0) {yon = 1;yPos = 0;} if (yPos >= (height - Hoffset)) {yon = 0;yPos = (height - Hoffset);} if (xon) {xPos = xPos + step;} else {xPos = xPos - step;} if (xPos < 0) {xon = 1;xPos = 0;} if (xPos >= (width - Woffset)) {xon = 0;xPos = (width - Woffset); } } function start() { img1.visibility = "visible"; interval = setInterval('changePos()', delay); } function pause_resume() { if(pause) { clearInterval(interval); pause = false;} else { interval = setInterval('changePos()',delay); pause = true; } } start(); </SCRIPT> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上面两个都是不支持标准声明的
第三种符合W3C的漂浮广告代码

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

更多精彩内容其他人还在看

js漂浮广告实现代码（合集经典）符合W3C

Vue组件选项props实例详解

javascript将url解析为json格式的两种方法

详解JS数组Reduce()方法详解及高级技巧

JS模拟超市简易收银台小程序代码解析

JavaScript 完成注册页面表单校验的实例

简单的网页广告特效实例

Vue内容分发slot(全面解析)

Vue自定义事件(详解)

Mui使用jquery并且使用点击跳转新窗口的实例

深入理解ES6的迭代器与生成器

网络赚钱

站长故事

js漂浮广告实现代码（合集经典） 符合W3C

Vue组件选项props实例详解

javascript将url解析为json格式的两种方法

详解JS数组Reduce()方法详解及高级技巧

JS模拟超市简易收银台小程序代码解析

JavaScript 完成注册页面表单校验的实例

简单的网页广告特效实例

Vue内容分发slot(全面解析)

Vue自定义事件(详解)

Mui使用jquery并且使用点击跳转新窗口的实例

深入理解ES6的迭代器与生成器

网络赚钱

站长故事

js漂浮广告实现代码（合集经典）符合W3C