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

小鱼儿 2022-08-03 05:13 144阅读 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 条评论，144人围观）

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

相关阅读

相关怎么用css写出来一个三角形

使用CSS绘制三角形的方法之一是使用"border"属性。例如：div \{ width: 0; height: 0; border-left: 20px solid tra

我就是我/ 2024年03月25日 17:43/ 0 赞/ 95 阅读

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

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

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

相关 rpx怎么算出来的？

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关好的架构化是进化而来的，不是设计出来的

好的架构化是进化而来的，不是设计出来的 \-

刺骨的言语ヽ痛彻心扉/ 2022年07月13日 14:12/ 0 赞/ 170 阅读

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

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

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

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

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

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