漂浮广告

visibility: visible;">

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();

漂浮广告代码html,漂浮广告的JS代码(经典)相关推荐

  1. 代码流程图_助力理解js代码,进阶JavaScript代码能力——js2flowchart

    引言 js2flowchart 是一个可视化库,可将任何JavaScript代码转换为漂亮的SVG流程图.你可以轻松地利用它学习其他代码.设计你的代码.重构代码.解释代码.这样一个强大的神器,真的值得 ...

  2. 谷歌浏览器弹出窗口html代码,谷歌浏览器显示通知消息JS代码

    谷歌浏览器显示通知消息JS代码 点击显示通知会弹出通知对话框,如下图效果: h5通知消息对话框代码如下: 开心洋葱谷歌浏览器通知消息JS代码 * {margin: 0; padding: 0;} bo ...

  3. 流行的广告轮播(图片轮播)JS代码

    <HTML><HEAD><TITLE>首页大焦点图-PConline</TITLE> <META http-equiv=Content-Type ...

  4. 3d旋转相册代码源码_原生 JS 实现 3D 立方体

    访问该URL可查看效果:http://is666a.gitee.io/javascript3d_cube/ 项目源码已上传码云:小朋友/JavaScript 3D立方体 原生 JS 实现 3D 立方体 ...

  5. eclipse 新建java无scr_解决eclipse中没有js代码提示的问题

    自学js,发现eclipse中不管js文件.html文件.jsp文件没有都没js代码的提示,对于js代码也不报错,有时候就因为单词敲错却查了很久没查出来,很烦很难受. 在网上找了很多方法,都没有解决, ...

  6. html调用js页面显示不出来了,JS代码文件调用显示乱码,直接写在html页面的里可以调用,但是单独放在js文件里不能调用...

    最近遇到了一个很奇怪的问题,就是在HTML网页代码里直接写JS代码可以正常运行的代码,使用JS文件调用就不行. var cities = [ { "name" : "北京 ...

  7. 手把手教你如何使用Python执行js代码

    前言 各位小伙伴,大家好,这次咱们来说一下关于爬虫方向的一个知识,Python如何执行js,快来看看吧!!! 很多人学习python,不知道从何学起. 很多人学习python,掌握了基本语法过后,不知 ...

  8. python执行js脚本安全吗_手把手教你如何使用Python执行js代码

    前言 各位小伙伴,大家好,这次咱们来说一下关于爬虫方向的一个知识,Python如何执行js,快来看看吧!!! 为什么要引出Python执行js这个问题? 都说术业有专攻,每个语言也都有自己的长处和短处 ...

  9. js如何运行python代码_手把手教你如何使用Python执行js代码

    前言 各位小伙伴,大家好,这次咱们来说一下关于爬虫方向的一个知识,Python如何执行js,快来看看吧!!! 为什么要引出Python执行js这个问题? 都说术业有专攻,每个语言也都有自己的长处和短处 ...

  10. 关于eclipse中没有js代码提示的解决

    自学js,发现eclipse中不管js文件.html文件.jsp文件没有都没js代码的提示,对于js代码也不报错,有时候就因为单词敲错却查了很久没查出来,很烦很难受. 在网上找了很多方法,都没有解决, ...

最新文章

  1. 企业级java springcloud b2bc商城系统开源源码二次开发-负载均衡策略...
  2. flex布局的盒子模型
  3. AB1601GPIO不支持较高频率的脉冲中断
  4. centos关机与重启命令详解
  5. python ks检验_python – 使用Scipy的stats.kstest模块进行拟合优度测试
  6. 最长公共子序列模板(LCS)和LICS模板
  7. Netty工作笔记0070---Protobuf使用案例Codec使用
  8. hive使用适用场景_数据分析之hive学习(四):面试题——场景输出(row_number)...
  9. 2013年计算机考试题库,2013年计算机三级数据库上机冲刺试题一及答案
  10. 高校学生管理系统(课设毕设有源码)
  11. linux centos需要MPEG-4 AAC解码器
  12. python图像风格迁移教程_Python+OpenCV图像风格迁移的实现方法讲解
  13. 网络性能测试(系统层面、针对Linux、安卓)
  14. “background-image:url(data:image”data类型的Url格式简介
  15. IDEA创建applicationContext.xml文件图标不是xml文件图标
  16. Android NDK 使用skia
  17. 机器学习之性能度量指标——决定系数R^2、PR曲线、ROC曲线、AUC值、以及准确率、查全率、召回率、f1_score
  18. sandglass(沙漏)——一个让人解脱的python时间处理库
  19. Python GUI编程入门(31)-Treeview控件
  20. java 蓝桥杯 Sine之舞

热门文章

  1. CoppeliaSim(vrep)弹簧模型
  2. python矩阵连乘_动态规划:矩阵连乘问题
  3. 字节跳动笔试难题 扑克牌的移动
  4. ACL-IJCAI-SIGIR顶级会议论文报告会(AIS 2022)笔记1:推荐系统
  5. 方差分析与正交试验设计(四)
  6. C语言自学之路六(循环语句详解)
  7. 基于Python的心电信号检测与处理
  8. 2.(echarts篇)echarts颜色地图边缘高亮
  9. IOS OpenGL ES GPUImage 图像 XYDerivative 边缘检测 GPUImageXYDerivativeFilter
  10. 基于HAL库的32流水灯