当前搜索:
一、选项卡
1、先给需要的所有的按钮添加一个事件
2、获取当前按钮的index,使用var idx = $(this).index();
3、给当前的按钮添加一个class类,而其余的兄弟节点去除class类$(this).addClass('active').siblings().remo...
相同点是,如果不传参数就没有动画效果
1、显示隐藏show(),hide()传进去的值代表动画持续的时间。也可以是字符串,可以是slow==200ms norma==400ms fast==600ms还可以传进去两个参数,第一个是持续时间,第二个是一个函数,类似js链式运动框架里的函数,执行完动...
1、String对象中的replace(’被替换的字符串’,‘替换的字符串’),它会返回一个新的字符串,原字符串并不会被修改。
2、random()
获取1-100的随机数:1+Math.floor(Math.random()*100);
获取50-100的随机数:50+Math.floor...
html
<!DOCTYPE html>
<html>
<head>
<meta charset=&quo...
在原有的简易运动框架中再增加一个参数,fn,因为在js中可以传任何参数。所以可以传一个函数进去,,但是需要进行判断,如果传进来的有fn,就执行fn(),没有就不执行。
html
<!DOCTYPE html>
<html&...
html
<!DOCTYPE html>
<html>
<head>
<meta charset=&quo...
两个物体一个变宽,一个变高
offsetWidth:得到的是盒模型值,对于盒模型尺寸,需要考虑的就有很多,比如padding以及border.
所以下面的案例中,width本身为200,设一个宽度为1的边框后,offsetwidth就会变为202,每执行一次,虽然会减一,此时把得到的值赋给wi...
经验:在多物体运动里面,所有开始定义为常量的值,都不能通用,比如第一个案例中的定时器,还有就是多物体淡入淡出时的透明度值。一旦通用就会产生混乱。属性要与对应的运动对象进行绑定
多物体运动:此时需要注意的是,相对于之前的案例,如果只有一个定时器,会出现当你快速移动鼠标时,
...
1、在计算速度的时候一定要记得取整,因为像素是计算机所能接收到的最小单位,所以如果是299.9px,计算机会认为是299px,计算机也不会给你四舍五入。
2、缓冲运动:逐渐变慢,最后停止。距离越远,速度越大。即速度与距离成正比。速度=(目标值-当前值)/缩放系数
3、缓冲菜单:根据页面滚动的缓...
运动框架:1、在你点击开始时,一定要把之前所有的定时器关闭
2、把停止定时器和运动分开,使用(if/else)隔开
js运动基础一:匀速运动
<!DOCTYPE html>
<html>
&...
注意:主要是用一个变量b来存放if条件句里放的值,最开始为1,此时表示if的值成立,然后图片进行第一次改变。此时另b变为0,再次点击,此时if的条件不成立,则执行else的内容
<!DOCTYPE html>
<html&...
appenChild();首先要把添加的从父级删除,然后再添加到现在的位置
一、隔行变色
注意:表格尽量有标题,最好写上tbody.
表格中可以可以直接使用oTal.tBodies[0].rows[i],因为tBodies可以有多个,所以返回值是个数组,而thead,tfoot只有一个,所以...
1、childNodes和nodeType
childNodes获取子节点,但是会把中一个标签与另一个标签的空格当做文本节点来计算。nodeType判断一个节点是什么类型的节点。只有当nodeType==1时才是元素节点,2是属性节点,3是文本节点。
2、children获取子节点,它只返回H...
使用到this关键字
<!DOCTYPE html>
<html>
<head>
<meta charset=&...
效果原理:让ul一直向左滚动
复制li,改变ul的宽度,
进行判断,是否越界
如果越界,重新定位。
控制向左向右,设定一个speed,更改其值的正负。
<!DOCTYPE html>
<html>
...
显示时间
<!DOCTYPE html>
<html>
<head>
<meta charset="...
1、所有标签都可以加ID,包括link标签,网页换肤就是通过改变link链接的css样式表来实现的。所有标签的任何属性都可以进行更改。
2、input中有个属性是title,鼠标移入框中时,用来显示提示文字
3、<a href='javascript:;'&...
js中的数组的length,既可以获取又可以设置,本来长度是6,设置成3时,此时数组里的值只有前三个,所以可以用来清空数组
push(4),往数组尾部添加一个4,他的返回值是最新数组的长度
pop()是在尾部删除一个,其中没有参数
shift(),在头部删除,unshift(4)在头部添加 ...
1、可变参数
<!DOCTYPE html>
<html>
<head>
<meta charset=&q...