html 飘浮移动广告层,JS全屏漂浮广告、移入光标停止移动
本节内容:
JS全屏漂浮广告
例子:
复制代码 代码示例:
JS全屏漂浮广告-www.jquerycn.cn
div#roll{width:100px;height:100px; background-color:#000; color:#fff; position:absolute;}
JS全屏漂浮广告,移入光标停止移动
jquerycn.cn
/**
* JS全屏漂浮广告代码
* by www.jquerycn.cn
*/
var ggRoll = {
roll: document.getElementById("roll"),
speed: 20,
statusX: 1,
statusY: 1,
x: 100,
y: 300,
winW: document.documentElement.clientWidth - document.getElementById("roll").offsetWidth,
winH: document.documentElement.clientHeight - document.getElementById("roll").offsetHeight,
Go: function () {
thisthis.roll.style.left = this.x + 'px';
thisthis.roll.style.top = this.y + 'px';
thisthis.x = this.x + (this.statusX ? -1 : 1)
if (this.x < 0) { this.statusX = 0 }
if (this.x > this.winW) { this.statusX = 1 }
thisthis.y = this.y + (this.statusY ? -1 : 1)
if (this.y < 0) { this.statusY = 0 }
if (this.y > this.winH) { this.statusY = 1 }
}
}
var interval = setInterval("ggRoll.Go()", ggRoll.speed);
ggRoll.roll.onmouseover = function () { clearInterval(interval) };
ggRoll.roll.onmouseout = function () { interval = setInterval("ggRoll.Go()", ggRoll.speed) };
html 飘浮移动广告层,JS全屏漂浮广告、移入光标停止移动相关推荐
- js实现全屏漂浮广告可关闭
<!DOCTYPE HTML> <html lang="en"><head><meta http-equiv="Content- ...
- Js广告_全屏漂浮广告效果
<!DOCTYPE HTML> <html lang="en"> <head> <meta http-equiv="Conten ...
- php js漂浮,基于javascript实现全屏漂浮广告_javascript技巧
本文实例为大家分享javascript实现全屏漂浮广告,供大家参考,具体内容如下 主要使用方法 网页可见区域宽:document.body.clientWidth; 网页可见区域高:document. ...
- html全屏漂浮,jquery全屏漂浮广告插件,可点击关闭(原创)
jquery全屏漂浮广告插件 兼容主流浏览器 实现简单 调用简单 在线预览 源码下载 jquery全屏漂浮广告插件 兼容主流浏览器 实现非常简单 说明:jquery在1.9开始不支持.live()方法 ...
- js实现全屏漂浮广告方法三
<html><head><meta http-equiv="content-type" content="text/html; charse ...
- html 上下广告悬浮,JS上下自动漂浮广告,可关闭
一不懂开发的朋友,需要一个左右浮动显示的广告,网上找了一个,放在这里,希望对大家有用. 很简单,只是想能给大家节省一部分时间 // 这是关闭飘浮广告的宽度,请根据你的广告内容而定 var hbcms_ ...
- 学做全屏浮动广告 JS 原生代码
<!DOCTYPE HTML> <html><head><title>JS全屏漂浮广告</title> <meta http-equi ...
- js 让鼠标右下角有一排小字_JavaScript浮动广告代码,容纯DIV/CSS对联漂浮广告代码,兼容性非常好的js右下角与漂浮广告代码...
基于JavaScript代码实现随机漂浮图片广告,javascript图片广告 在网上有很多这样的代码,不过未必符合W3C标准,因为在头部加上类似标签之后,漂浮效果就会失效,下面分享一个符合标准的漂浮 ...
- html全屏遮罩层,js遮罩层穿透 怎么用JS弄遮罩层?全屏,有透明
也可直接点"搜索资料"搜索整个问题. 遮罩层 js 事件 穿透 搜索资料 本地图片 图片链接 代码 提交回答 匿名 回答自动保存中 html中的frameset,假如有上中下三个f ...
最新文章
- java md5 ios_iOS 自带MD5
- ARM多寄存器加载/存储指令
- 错误记录​:使用CLLocationManager不走代理方法
- linux下各种软件安装方法详解
- Console.js:彩蛋和作弊码
- python闭包修改全局变量_python闭包探究一二
- 9-Springboot任务管理
- 最新的ndkr20编译c_NDKr20使用clang编译ffmpeg
- Joomla css类后缀
- 【题解】洛谷P3435 [POI2006] OKR-Periods of Words(KMP)
- hrbust/哈理工oj 1475国王的宴会【树型dp】
- python颜色识别_python实现简单颜色识别程序
- vue项目退出登录清除 store 数据
- echart视觉引导线的长度调节labelLine
- 酒店如何实现上网认证的呢
- 边境的悍匪—机器学习实战:第四章 训练模型
- git push origin HEAD
- 微信小程序支付开发具体步骤
- HTML总结(贵美商城项目)
- 从scratch到python轻松学下载_STEAM教育-[少儿创客] 从Scratch到Python——python turtle-电路城论坛 - 电子工程师学习交流园地...