2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > 基于javascript实现全屏漂浮广告【javascript】

基于javascript实现全屏漂浮广告【javascript】

时间:2019-04-13 18:03:05

相关推荐

基于javascript实现全屏漂浮广告【javascript】

web前端|js教程

js全屏漂浮广告,js漂浮广告

web前端-js教程

本文实例为大家分享javascript实现全屏漂浮广告,供大家参考,具体内容如下

js怎么获取html的源码下载,vscode大纲不显示函数,清除引导 ubuntu,tomcat 端口设置中,爬虫 犯法吗,php在线编译器,广州seo建站优化是什么,建站之星网站怎么下源码,设计师展示模板lzw

主要使用方法

收费资源下载网源码,vscode c函数跳转,ubuntu 日志管理,高并发用tomcat,sqlite3数据库函数,人鱼陷落爬虫为什么要神使的资料,php各版本,安庆seo推广优质团队,网站雪花特效,xml 网页模板lzw

网页可见区域宽:document.body.clientWidth;

网页可见区域高:document.body.clientHeight;

微擎全网视频源码3.32,硬盘Ubuntu系统备份,爬虫技术 工商信息,php递归分组,果敢seo招聘lzw

网页可见区域宽:document.body.offsetWidth (包括边线的宽);

网页可见区域高:document.body.offsetHeight (包括边线的宽);

setInterval

setInterval动作的作用是在播放动画的时,每隔一定时间就调用函数,方法或对象。可以使用本动作更新来自数据库的变量或更新时间显示。

setInterval动作的语法格式如下:

setInterval(function,interval[,arg1,arg2,......argn]) setInterval(object,methodName,interval[,arg1,arg2,.....argn])

第一种格式是标准动作面板中setInterval函数的默认语法,第二种格式是在专家模式动作中使用的方法。

参数function是一个函数名或者一个对匿名函数的引用。

object参数指定从Object对象派生的对象。methodName制定object参数中要调用的方法。

interval制定对function或methodName调用两次之间的时间,单位是毫秒。后面的arg1等是可选的参数,用于制定传递给function或是methodName的参数。

setInterval它设置的时间间隔小于动画帧速(如每秒10帧,相当于100毫秒),则按照尽可能接近interval的时间间隔调用函数。而且必 须使用updateAfterEvent动作来确保以足够的频率刷新屏幕。如果interval大于动画帧速,则只用在每次播放头进入某一帧是才调用,以 减小每次刷新屏幕的影响。

clearInterval

clearInterval动作的作用是清除对setInterval函数的调用

它的语法格式如下:

clearInterval(intervalid); //intervalid是调用setInterval函数后返回的对象。

广告移动效果 实例

简单JS动画实例 广告移动效果

移动广告

var x=0; //对象X轴位置var y=0; //对象Y轴位置var xs = 10; //对象X轴移动速度var ys = 10; //对象Y轴移动速度 var one = document.getElementById(one); function move(){ x += xs; y += ys; one.style.left = x; one.style.top = y; if (x > document.body.clientWidth - one.offsetWidth-20 || x document.body.clientHeight - one.offsetHeight-20 || y<0){ys = -1*ys; }}var obj = setInterval(move(), 100); one.onmouseover = function(){ // clearInterval(obj); } one.onmouseout = function (){ obj = setInterval(move(), 100); }

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。