悬浮的广告是怎么用js设计出来的

小鱼儿 2022-08-03 05:13 159阅读 0赞

上一篇写了再js中时钟函数是怎么用的，这一篇要写，悬浮的广告是怎么用js设计出来的

下面是这个网页的代码：

<!DOCTYPE html>
    <HTML>
    <head>
       <meta charset="utf-8">
       <style>

#time{width:200px;height:200px; auto;background-color:pink;
          position:relative;
          }
       </style>
       <script>
          var obj=null;
          var x =10;
          var y =10;
          var change=true;
          function init(){
          obj=document.getElementById("time");
          alert(parseInt(obj.style.top));
          setInterval(move,100);   //调用移动的函数
          }
          function move(){
    
             var height = document.documentElement.clientHeight-obj.offsetHeight;
             if(change){
                if(y<=height){
                   y+=10;
                   obj.style.top=y+"px";
                }else{change=false}
             }else{if(y>10){
                   y-=10;
                   obj.style.top=y+"px";
             }else{change=true}
             }
          }
       </script>
    </head>
    <body οnlοad="init()"> 
       <div id="time" style="top:10px">
       </div>
    </body>
    
    </HTML>

现在只是让他上下的移动，要想实现满屏的的移动就类似的加上在水平方向上的移动就好了，

（终于知道算法的重要了-—-----）

发表评论取消回复

表情：

评论列表（有 0 条评论，159人围观）

还没有评论，来说两句吧...

相关阅读

相关数字芯片是怎样设计出来的？

芯片在我们的生活和工作中无处不在。例如，交通智能卡就嵌入了一颗带有微处理器、储存单元、芯片操作系统的芯片；而手机的主板则集成了数百颗芯片，有的负责无线电收发、有的负责功率放大、

﹏ヽ暗。殇╰゛Y/ 2023年09月24日 18:26/ 0 赞/ 66 阅读

相关 React学习(二) React学习之demo分析(项目是怎么运行的？页面是怎么出来的？)

首先，React项目都不会创建的朋友们可以查看一下我React系列笔记一的文章：[React学习(一) React开发环境搭建][React_ React]。接下来这篇文章是在

野性酷女/ 2023年06月20日 06:15/ 0 赞/ 121 阅读

相关云图CAD——是怎么做出来的？

更新了许久的博客，今天想来讲一讲我正在做的一个三维设计软件。也算是国内第一代云端协同设计软件。这个过程非常不容易，我想讲给你听 2019年初，我们正式开始了对「模谷云」（云图

待我称王封你为后i/ 2022年12月29日 04:33/ 0 赞/ 241 阅读

相关 rpx怎么算出来的？

默认屏幕宽度为750rpx。如果屏幕宽度为375px，那在此屏幕上2rpx就代表1px。 -------------------- 参考 1. [WXSS | 微信

红太狼/ 2022年11月18日 05:54/ 0 赞/ 173 阅读

相关向量ab怎么用计算机打出来,计算器上的%怎么按出来-计算器上-计算器上表示的数是什么...

Math在科学计算器上代表什幺怎样才能在计算器上显示？按SHIFT MODE 2 (LineIO)将显示格式调成线性格式。在线性格式下，只要输入的式子中含有小数，那幺计算结

谁借莪１个温暖的怀抱￠/ 2022年10月07日 05:00/ 0 赞/ 223 阅读

相关 JS+CSS 实现悬浮滚动广告

效果图思路代码效果图： ![这里写图片描述][20160728100844900] 思路：布局一个绝对布局的di

川长思鸟来/ 2022年09月24日 07:25/ 0 赞/ 253 阅读

相关用js完成悬浮广告的完整版

原理就不多说了，跟上篇是一样的，这是这个又加了一个方向而已，下面是代码供大家参考 <!DOCTYPE html> <HTML> <head>

柔情只为你懂/ 2022年08月03日 11:58/ 0 赞/ 176 阅读

相关悬浮的广告是怎么用js设计出来的

上一篇写了再js中时钟函数是怎么用的，这一篇要写，悬浮的广告是怎么用js设计出来的下面是这个网页的代码： <!DOCTYPE html> <HTML>

小鱼儿/ 2022年08月03日 05:13/ 0 赞/ 160 阅读

相关 PV、TPS、QPS是怎么计算出来的？

性能分析技术学习，更多知识请访问[https://www.itkc8.com][https_www.itkc8.com] 术语说明： QPS = req/sec = 请求

╰半橙微兮°/ 2022年06月06日 01:39/ 0 赞/ 218 阅读

相关程序员们是魔鬼吗？这些逗逼的设计是怎么想出来的！

在日常生活中我们经常会遇到很多不合理的设计，本次，小编组织程序员们设计出“最不考虑使用者感受的复杂设置”，请大家感受一下： 1. 发射型音量控制 ![程序员们是魔鬼吗？这

太过爱你忘了你带给我的痛/ 2022年01月11日 13:49/ 0 赞/ 178 阅读