HTML结构如下

js逻辑也非常简单,就是移动left和top的值,代码如下

!function($dom){

var winWidth = window.innerWidth;

var winHeight = window.innerHeight;

window.onresize = function(){

winWidth = window.innerWidth;

winHeight = window.innerHeight;

}

var $left = 0,$top = 0,a = 1,b = 1,speed = 2;

function goFun(posit,speed){

return posit + speed;

}

var t = setInterval(function(){

$left = goFun($left,speed*a)

if( $left >= (winWidth-$dom.offsetWidth)){

a = -1;

}else if($left <= 0){

a = 1;

}

$top = goFun($top,speed*b)

if( $top >= (winHeight-$dom.offsetHeight)){

b = -1;

}else if($top <= 0){

b = 1;

}

$dom.style.cssText += "left:"+$left+"px;top:"+$top+"px";

},20)

}(document.getElementsByClassName('fafa')[0]);

!doctype html public 广告飘窗不能用了,页面广告飘窗相关推荐

  1. DOCTYPE html PUBLIC 指定了 HTML 文档遵循的文档类型定义

    DOCTYPE html PUBLIC 指定了 HTML 文档遵循的文档类型定义 今天看到一篇CSS应用的一个友好搜索,我按网页上的代码复制.粘贴后预览时总达不到效果,而直接拷贝他的实例却能达到效果, ...

  2. php实现飘窗,JS实现网站图片飘窗效果,JavaScript悬浮广告(附详细代码)

    原标题:JS实现网站图片飘窗效果,JavaScript悬浮广告(附详细代码) JS实现网站图片飘窗效果,Java悬浮广告,郑州SEO提供以下代码,仅供参考: 飘窗效果-丁光辉博客(www.dinggu ...

  3. !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN

    [size=medium][color=orange][b]JSP页面头部的标识:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transi ...

  4. ]!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN

    [转载...........] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "ht ...

  5. 简单css弹出菜单,ie8一定要在头部加!DOCTYPE html PUBLIC 。。。不然没反应。花了一个小时才找到这个原因,mlgbd!!...

    简单css弹出菜单,ie8一定要在头部加以下代码,不然没反应.花了一个小时才找到这个原因,mlgbd!! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTM ...

  6. android 原生广告制作,创建横幅、原生广告 · adtalos/android-xy-sdk-demo Wiki · GitHub

    创建横幅和原生广告的方式是相同的,它们都是使用相同的 com.xy.sdk.View 来创建,只是属性值有所区别. 注意:这里 com.xy.sdk 是默认的包名.您在使用时,请替换为您在 cms 开 ...

  7. 服务器添加广告信息服务,在客户端上插入广告

    您现在访问的是微软AZURE全球版技术文档网站,若需要访问由世纪互联运营的MICROSOFT AZURE中国区技术文档网站,请访问 https://docs.azure.cn. 在客户端上插入广告 0 ...

  8. 程序化广告(1):程序化广告概述

    作者:未完成交响曲,资深Java工程师!目前在某一线互联网公司任职,架构师社区合伙人! 本系列文章是对<程序化广告 - 个性化精准投放实用手册>一书的简单总结,整理了书中重要的知识点和概念 ...

  9. html漂浮广告随页面移动代码,JS漂浮广告代码,慢慢漂移的广告JS代码

    JS漂浮广告代码,慢慢漂移的广告js代码,可以漂浮到任何位置,哈哈...直接贴代码,很简单. var xin = true, yin = true var step = 1 var delay = 5 ...

  10. zblogphp 广告联盟_停止折腾联盟广告样式,重新回归内容写作

    这几天本站一直被攻击中,大家访问懿古今和boke112 导航可能都会体验到访问超级慢和卡顿,甚至多个页面长久不更新.评论后不马上显示等情况,其实后面的现象都是因为站点被攻击之后开启了全缓存所致.在被攻 ...

最新文章

  1. 递归二分查找时间复杂度、空间复杂度和稳定性
  2. P2837 晚餐队列安排
  3. Apollo进阶课程㊵丨Azure仿真平台使用
  4. canvas笔记-canvas中用户与图形交互
  5. php 怎么配置邮件,PHP发邮件的配置_PHP教程
  6. 1024当当限量优惠码!花150买400的书,花220买600的书!
  7. Linux磁盘系统——管理磁盘的命令
  8. c++ poco 使用mysql中文乱码问题
  9. spring中用到了哪些设计模式
  10. Adblock 插件规则语法实现B 站动态黑名单 - 隐藏特定用户的图文动态
  11. 进位位判别法_判断加减法溢出时,可采用判断进位的方式,如果符号位的进位为C...
  12. 【IC7】FPGA最高工作频率的计算方法;FPGA最大输出频率;查看handbook的PLL最高频率;Fout_ext;Fout两个参数;FPGA输出1ns脉冲
  13. ele input事件 输入后0.5秒触发
  14. python123第九周_我的python学习之路-基础3
  15. 揭秘苹果应用审核团队(史上最全版)
  16. 第四章css总结,第四章CSS层叠样式表分析.doc
  17. Scratch课程设计(五)
  18. Altium FPC软硬结合板日志
  19. 《深入理解redis》之三:内存管理的建议与技巧
  20. 创意相册、3D立体相册

热门文章

  1. 摩尔庄园手游测评——爷青回or爷青毁?
  2. 【ArcGIS Pro微课1000例】0009:ArcGIS Pro地理配准完整教程(建议收藏)
  3. 计算机组成原理实验:静态随机存储器实验
  4. 硬件级光线追踪:移动游戏图形的变革时刻
  5. 史上最全的正则表达式-匹配中英文、字母和数字
  6. 怎么把高清图片导入到CAD图纸文件中?
  7. Trajan求割边,强连通分量
  8. 一定要收藏,一位百万年薪Python程序员手写资料(附实例分享)
  9. 计算机连接网络是飞行模式怎么办,电脑网络设置只剩飞行模式怎么办?
  10. 阿里云服务器的80端口被封了么?