- 博客(14)
- 收藏
- 关注
RSS订阅原创 仿flash的图片轮换播放器
我去下载了老师的资料，他给了move.js的模块还有css布局的模块，然后我们就在demo里引进这两个文件，并且在script里自己编写。初始状态就是这样的：，我们要做的就是鼠标移到图片上的时候会有左右的箭头，并且点击能切换图片。先用之前学过的getByClass来获取一下所有元素。然后开始正式的步骤 ，在window.onload中，先把鼠标移入出现的箭头做出来：我们...
2018-08-21 14:15:27
436
原创 多物体运动框架
多个div变宽这样写，当只有一个div的时候是没有问题的 ，但是当有多个div的时候就会发现，如果鼠标移动的快点的话，移动到后一个div时，前一个div还没有缩回去： 这是因为程序中只有一个定时器，当前一个div正在动的时候，鼠标移到第二个，那么程序就开始执行第二个div了，第一个div的程序就停止了 。所以我们就多加几个定时器： 多图片淡入淡出 ...
2018-08-21 14:13:30
209
原创 Js运动技术
运动基础点击开始运动，让一个物体动起来：改变方块的移动速度：1.可以改间隔时间，要注意的是可能会导致方块移动时一顿一顿的。2.改变左边距offsetLeft的距离 这样写会让它无限制运动下去，想让它在某个地方停下：但是当你多按几次开始运动的按钮后，等于是开了好几个定时器，那相当于30ms跑3*n px，所以我们在一开始先设一个关闭定时器： 运动框架做...
2018-08-18 10:41:41
448
原创 Dom高级应用
Dom高级应用表格应用获取tBodies、tHead、tFoot、rows、cells如果想获取表格里的内容：隔行变色Ps:如果不加tBodies的话，行数会变成6行，会把头部的一行也算进去。 鼠标移入高亮添加和删除 但是这样写的缺点就是，如果你删掉了一行，它的行数是不会变的，而你再添加的话，它的序号是行数+1，而不是上面一个序号+1....
2018-08-15 13:21:31
242
原创 DOM基础操作应用
DOM——基础概念：全称：Document Object Model，即文档对象模型用来操作web页面，窗口，文档。DOM节点：childNodes子节点：明明只有两个li，却说有5个子节点，原因是，他把<ul>和每个<li>之间的空白也当成了节点，因为,但是在IE6-8中显示的是2。当我们需要改变li中的背景颜色，，这样写是不会改变的 ，因为文本节点...
2018-08-15 10:14:45
303
原创 无缝滚动
让物体运动起来：offsetLeft是物体的左边距实例：做一个横向的滚动条，让其往左边滚动， ，先设好基本样式，特别注意div1和ul的绝对定位和相对定位，如果div不设置相对定位，那么ul的滚动条就会以整个页面为相对位置，在left:0和top:0的位置进行滚动，也就是页面左上角，（本来是页面中间）如果ul不设置绝对定位或者设置在li上，那么都不会滚动。但...
2018-08-11 17:03:47
2150
转载 css田字格布局
这是在学习的时候突然忘了怎么写的，网上百度了一下，为了下次再忘记，我直接把文章复制过来思考为什么四个方块是由上到下排列的，而不是蓝色在红色的右边，绿色在蓝色的右边，灰色在绿色的右边，上面说过了，因为它们是没有float属性的div，要独占一行。 接下来想让蓝色的快在红色的右边，那么需要给红色加上float:left属性，蓝色的块也加上float:left属性，代码是这样的： ...
2018-08-10 19:29:33
1464
原创 定时器及数码时钟
定时器的作用开启定时器setInterval 间隔型隔2000ms也就是2s就弹出一次a。 setTimeout 延时型 两种定时器的区别：上一种是隔2s就会运行一次，而下一种是隔了2s运行一次之后就不运行了。停止定时器clearInterval：用法：clearInterval(输入需要关闭的定时器的名字)比如：，给定时器设一个名字叫timer，关闭...
2018-08-10 14:06:55
416
原创 选项卡
<!DOCTYPE html><html><head><meta charset="utf-8"> <style type="text/css"> #div1 .active{ background: yellow; } #div1 div{ width: 200px
2018-07-23 15:32:26
128
原创 函数传参
将一个方块变绿，变黑，变红很简单，只需要这样写，但是这样写看起来特别的繁冗，重复的代码太多，因此我们可以用函数传参来简化， 上面是简化同一功能的函数，那如果是功能不同的函数，比如一个要变宽，一个要变高，一个要把背景图变成绿色，该怎么简化呢？首先看一下最原始的写法：接下来是简化的代码：Ps:在function中，有 . 的地方都可以用[‘ ‘]来代替，那么...
2018-07-19 19:15:43
512
原创 网页换肤
很多网站都可以修改背景颜色，代码很简单，如下：首先，我们先准备几套背景皮肤，创几个css文件，然后引入到html文件中，这样就涉及到了css的引入：先创两个css1.css和css2.css文件 然后在html的head中写<link rel="stylesheet" type="text/css" href="">这里有必要解释一下link中的这三个属性：rel ...
2018-07-18 21:22:32
444
原创 function()函数功能
接上一课，由于这样使得div中的代码非常繁冗，我们换一个方法来写，即用函数。在head中创建一个<script></script>,代码如下： 但是这样看起来，function中重复的代码还是太多了，为了看起来更简洁一点，我们使用变量： var 变量名= 把id换成class的写法就是： ...
2018-07-18 18:33:25
3703
原创 鼠标提示框
onmouseover=”alert(‘a’)” 即鼠标移入时弹出一个提示框onmouseout 即鼠标移出时，提示框消失。其中alert是弹出提示框，比如：----------------------------当鼠标移到input上时，让div1显示，移出时隐藏，即出现以下的样式： 该代码为：为了让其他浏览器也兼容，在onmous...
2018-07-18 18:23:55
688
原创 第一次写博客
想了很久还是决定注册一个博客 虽然不太会写 也不知道要写点什么 但是既然决定以后在计算机行业混下去 还是得有点笔记啥的。以后打算在前端这块混，也不知道容易不容易，虽然我现在还是什么都不会 但是我会努力的 虽然说比不上人家学霸 但是我也不会放弃的。因为最近在学js 手写笔记有点麻烦，很多图示没办法展示出来，可能会写的更加混乱，所以决定开个博客，这样一章一章内容也能展示的很清楚，也能记录下...
2018-07-18 16:49:58
117
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人