html和javascript入门(方块小游戏制作)_第1页
html和javascript入门(方块小游戏制作)_第2页
html和javascript入门(方块小游戏制作)_第3页
html和javascript入门(方块小游戏制作)_第4页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、代码在文档下半部分,教程视频请上优酷:http:/ 开始标签和结束标签,组成一对标签 网页代码中有很多标签,每个标签也有很多属性,这个需要我们在实践中不断掌握2、网页我们要让大家知道这个网页写的什么,就必须有标题 标题 3、做按钮 按钮 4、网页制作的思路a、先布局,再实现功能(建议)b、先实现功能,再布局。(已经对网页代码编写有一定水平,以及有全局观的时候)5、画出水平线的专用标签_水平线 换行的不成对的标签6、方块的制作(非常重要)可以说,网页布局最重要的就在这里了,别小看了方块。 是现在网页布局最常用的,也是效率最高的,同样是对于写脚本很方便的可以做个比方,一件方便面与里面一包方便面 7

2、、两种常用style 属性a、什么是style,style 可以设置的风格非常多,css文件来保存这种风格。b、style 常用属性 :height;width c、另外两个style 属性: top;left d、距离的相对与绝对:position:absolute,relative,fixed 8、在网页制作之中,div 这一对标签可以布局任何东西第二块,也就是功能的实现js 脚本的功劳了1、实现功能的第一步,命名网页代码编写中,我们需要知道要实现或者说要拥有某个功能的标签或者对象叫什么。id,name,title,主要用到的是id 2、javascript 脚本的编写 var a=hel

3、lo; 变量function helloworld() 方法var b=; 对象 对象可以拥有方法,而变量可以在方法中使用,方法可以返回变量或者改变变量,而且方法可以调用方法给标签命名的意义就在于,可以在脚本中调用这个标签,相应地就可以控制这个标签的相关属性,并且进行修改。主要就是带大家入门,让大家知道网页编写,看似容易, 其实容易的是外表,内在还是有许多的需要学习的。入门,主要是让大家有个宏观的看法,同时让大家从代码中了解一些自己从未从未接触的知识。大家仔细了解一下不懂的标签、方法,就可以触类旁通,举一反三。推荐: http:/ 。可以问我要手册!还有需要在本地建服务器以及相关软件获取知识,

4、大家都可以问我。我的qq:1664090637,晚上 8 点到 10 点在线解答问题。祝大家喜爱网页编程,it 行业从此一路顺风!以下是代码部分: 我的第一个小游戏 开始游戏 给 a 加速 给 b 加速 给 a 减速 给 b 减速 a b 游戏尚未开始! var global=; var obj_h=document.getelementbyid(box_h); var obj_v=document.getelementbyid(box_v); var obj_result=document.getelementbyid(box_result); var a_step=10; var b_st

5、ep=10; global.move_h=function() var screen_w=document.body.clientwidth; var screen_h=document.body.clientheight; if(parseint(obj_h.style.left)=screen_w-parseint(obj_h.style.width) obj_h.style.left=parseint(obj_h.style.left)+a_step*math.random(); else obj_result.innerhtml=比赛结束: a 获胜! ; global.stopgame(h); global.move_v=function() var screen_w=document.body.clientwidth; var screen_h=document.body.clientheight; if(parsei

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论