初识JavaScript,感觉整个人都不好了。。。

  学习web前端的开发已经将近一个月了,开发中的三个大兄弟——“html”、“css”、“JavaScript”,小哥我已经深入接触了前两位,并与他俩建立的深厚的友谊。在编写过程中,不能说达到各位大神的程度,但是对各个标签、若干属性也用得比较熟练了。而这最后一位姓J的大哥,却是怎么也得不到他的欣赏。对于变量的定义,函数的定义,还有各种调用,感觉自己写的命令就是人类看不懂,计算机看不明白。经过几天的深入交流,互诉衷肠。总算把彼此的距离拉近了几分,但是相对于温柔的“html”和“css”而言,“JS”依旧冷酷到底啊。

  今天写了第一个比较成功的js效果,虽然过程磕磕绊绊,不停地报错,但还是顺利完成。为了记下属于我人生的伟大时刻。决定把这简陋不堪的代码上传上来。一为需要用到此类效果时留个参考,二为将来技术提高时,嘲笑当年自己代码的幼稚~请各位大神见证。。。

  

<!doctype html>
  <html lang="en">
  <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>动态广告是什么鬼</title>
  <style>
  #div_auto{
    width:100px;
    height:100px;
    position:absolute;
    background-color:#33ccff;
    }
  #div_main{
    width:1000px;
    height:600px;
    position:relative;
    border:1px #dc0000 solid;
    }
  button{
    margin-left:400px;
    }
  </style>
  </head>
  <body>
    <div id="div_main">我是一个少儿不宜的网站
      <div id="div_auto">我是那种羞羞的动态广告</div>
    </div>
    <button οnclick="clickA()">动起来/停下来</button>
  <script type="text/javascript">
    var divs = document.getElementById("div_auto");
    var main = document.getElementById("div_main");
    var posX = 200;
    var posY = 300;
    var time = null;
    var moveX = true;
    var moveY = true;
    var a = true;
    window.onload = pos;
    function pos(){
      divs.style.left=posX+'px';
      divs.style.top=posY+'px';
    }
    function move(){
      if(moveX){
        if(posX>0){
          posX--;
          divs.style.left=posX+'px';
        }
        else{
          moveX = false;
        }
      }
      else{
        if(posX<main.offsetWidth-divs.offsetWidth){
          posX++;
          divs.style.left=posX+'px';
        }
        else{
          moveX = true;
        }
      }
      if(moveY){
        if(posY>0){
          posY--;
          divs.style.top=posY+'px';
        }
        else{
          moveY = false;
        }
      }
      else{
        if(posY<main.offsetHeight-divs.offsetHeight){
          posY++;
          divs.style.top=posY+'px';
        }
        else{
          moveY = true;
        }
      }
    }
    function clickA(){
      clearInterval(time);
      if((a==true)&&(time)){
        clearInterval(time);
        a=false;
      }

      else{
        time=setInterval(move,10);
        a=true;
      }
    }
  </script>
  </body>
</html>

 

不会放demo...还想请教园中各位大神,小哥跪谢!!!!

转载于:https://www.cnblogs.com/skyloveanna/p/4079595.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/432191.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ue4-控制台执行方法

1. 引擎单例派生类可直接调用方法 以下类的派生类中可以通过在方法上标记 UFUNCTION(Exec) 直接调用方法 Pawns, Player Controllers, Player Input, Cheat Managers, Game Modes, Game Instances, overriden Game Engine classes, and Huds should all work by just adding t…

通过回调函数阻止进程创建(验证结束,方案完全可行)

&#xff08;此方案完全可行&#xff0c;只是我忘掉了一步&#xff09; 虽然Vista之后版本有进程创建回调函数的Ex版&#xff0c;而且Ex版可以拦截进程创建&#xff0c; 但是由于在Ex版回调函数内用第三个参数的最后一个元素来阻止进程创建的话&#xff0c;可能会出现弹框&…

UE4 多线程使用tip

在GameThread线程之外的其他线程中&#xff0c;不允许做一下事情 1. 不要 spawning / modifying / deleting UObjects / AActors 2. 不要使用定时器 TimerManager 3. 不要使用任何绘制接口&#xff0c;例如 DrawDebugLine 4. 如果想在主线程中异步处理&#xff08;也就是分帧…

linux shell if

linux_if 参数 shell 编程中使用到得if语句内判断参数 –b 当file存在并且是块文件时返回真 -c 当file存在并且是字符文件时返回真 -d 当pathname存在并且是一个目录时返回真 -e 当pathname指定的文件或目录存在时返回真 -f 当file存在并且是正规文件时返回真 -g 当由pathname指…

UE4异步操作总结

虚幻本身有提供一些对异步操作的封装&#xff0c;这里是对这段时间接触到的“非同步”的操作进行的总结。 当前使用的UE4版本为4.18.2。 在虚幻的游戏制作中&#xff0c;如果不是特殊情况一般不会有用到线程的时候。但是由于实际上虚幻内部是有着许多线程机制的。 例如通常的…

JavaScript模式读书笔记 第3章 字面量和构造函数

1&#xff0c;对象字面量 -1&#xff0c;Javascript中所创建的自定义对象在任务时候都是可变的。可以从一个空对象开始&#xff0c;根据需要增加函数。对象字面量模式可以使我们在创建对象的时候向其添加函数。<script>//定义空对象var dog {};//对空对象添加方法dog.na…

如何在UE4中创建线程

FRunnable和FRunnableThread方法对于大多数问题来说无疑是一个可行的解决方案。 但是&#xff0c;在创建许多任务时&#xff0c;您可能会达到CPU可以处理的并发上限&#xff0c;此时并发线程实际上会在争用CPU时间时相互阻碍。 然后可能值得查看FQueuedThreadPool以限制任务可用…

[Leveldb源码剖析疑问]-block_builder.cc之Add函数

Add函数是给一个Data block中添加对应的key和value,函数源码如下,其中有一处不理解: L30~L34是更新last_key_的,不理解这里干嘛不直接last_key_ key.ToString(); 写成 // Update state last_key_.resize(shared); last_key_.append(key.data() shared, non_shared); assert(S…

UE4多线程任务系统详解

首先&#xff0c;了解一下该系统重要的数据类型. 1. FQueuedThreadPool&#xff1a;虚基类&#xff0c;队列线程池, FQueuedThreadPoolBase继承自FQueuedThreadPool&#xff0c; FQueuedThreadPoolBase维护了一个TArray<IQueuedWork*> QueuedWork(需要被执行的工作)…

UE4异步编程专题 - 线程池FQueuedThreadPool

1. FQueuedThreadPool & IQueuedWork FQueuedThreadPool是UE4中抽象出的线程池。线程池由若干个Worker线程&#xff0c;和一个同步队列构成。UE4把同步队列执行的任务抽象为IQueuedWork. 线程池的同步队列&#xff0c;就是一个IQueuedWork的队列了。借用wiki上线程池的图,…

UE4异步编程专题 - 多线程

专题的第二篇&#xff0c;我们聊聊UE4中的多线程的基础设施。UE4中最基础的模型就是FRunnable和FRunnableThread&#xff0c;FRunnable抽象出一个可以执行在线程上的对象&#xff0c;而FRunnableThread是平台无关的线程对象的抽象。后面的篇幅会详细讨论这些基础设施。 1. FRu…

坑爹的UICollectionView

最近用UICoolectionView的时候遇到一个很DT的问题&#xff0c;我往VC里加12个视图&#xff0c;结果显示成这样&#xff08;右边是期待的样子&#xff09;&#xff1a; 研究了一下午&#xff0c;终于发现了问题&#xff1a; interface FpLabelCell : UICollectionViewCellproper…

UE4异步编程专题 - TFunction

0. 关于这个专题 游戏要给用户良好的体验&#xff0c;都会尽可能的保证60帧或者更高的fps。一帧留给引擎的时间也不过16ms的时长&#xff0c;再除去渲染时间&#xff0c;留给引擎时间连10ms都不到&#xff0c;能做的事情是极其有限的。同步模式执行耗时的任务&#xff0c;时长…

Python用subprocess的Popen来调用系统命令

当我们须要调用系统的命令的时候&#xff0c;最先考虑的os模块。用os.system()和os.popen()来进行操作。可是这两个命令过于简单&#xff0c;不能完毕一些复杂的操作&#xff0c;如给执行的命令提供输入或者读取命令的输出&#xff0c;推断该命令的执行状态&#xff0c;管理多个…

7700装win7

1.可能不能安装版本太新的win7系统,会蓝屏 2.第一次重启后,系统会提示硬件太新,系统不支持,不用理会.可以用shiftF10,进入windows/system32/oobe目录,执行msoobe手动安装. 3.第一次进入系统后,尽早关闭系统更新,除了在控制面板中关闭,还要在services.msc中关闭windows update服…

UE4高级功能--初探超大无缝地图的实现LevelStream

LevelStream 实现超大无缝地图--官方文档学习 The Level Streaming feature makes it possible to load and unload map files into memory as well as toggle their visibility all during play. This makes it possible to have worlds broken up into smaller chunks so th…

Noip 2014酱油记+简要题解

好吧&#xff0c;day2T1把d默认为1也是醉了&#xff0c;现在只能期待数据弱然后怒卡一等线吧QAQDay0 第一次下午出发啊真是不错&#xff0c;才2小时左右就到了233&#xff0c;在车上把sao和fate补掉就到了 然后到宾馆之后&#xff0c;没wifi的生活就是惨啊QAQ 把空境补完就睡了…

一个取消事件的简单js例子(事件冒泡与取消默认行为)

先上代码&#xff1a; <div idouter onclickalert("我是outer")><div id"middle" onclickalert("我是middle")><div id"inner" onclickmyBubble(arguments[0]);alert("我是inner")><a onclickmyDefaul…

inside uboot (二) 启动流程

1. S3C6410 启动流程 1). 6410上电后&#xff0c;首先执行片内iROM的程序&#xff08;BL0&#xff09;&#xff0c;初始化时钟和看门狗等外围器件。 2). 然后把flash中头4K&#xff08;BL1&#xff09;的内容加载到片内的SRAM中执行。 3). 在SRAM中执行的BL1&#xff0c;初始…