当前搜索:

jq案例思路分析

一、选项卡 1、先给需要的所有的按钮添加一个事件 2、获取当前按钮的index,使用var idx = $(this).index(); 3、给当前的按钮添加一个class类,而其余的兄弟节点去除class类$(this).addClass('active').siblings().remo...
阅读(18) 评论(0)

jq中三组动画和自定义动画

相同点是,如果不传参数就没有动画效果 1、显示隐藏show(),hide()传进去的值代表动画持续的时间。也可以是字符串,可以是slow==200ms norma==400ms fast==600ms还可以传进去两个参数,第一个是持续时间,第二个是一个函数,类似js链式运动框架里的函数,执行完动...
阅读(10) 评论(0)

js小知识点(二)

1、String对象中的replace(’被替换的字符串’,‘替换的字符串’),它会返回一个新的字符串,原字符串并不会被修改。 2、random() 获取1-100的随机数:1+Math.floor(Math.random()*100); 获取50-100的随机数:50+Math.floor...
阅读(9) 评论(0)

完美运动框架以及微博案例

html <!DOCTYPE html> <html> <head> <meta charset=&quo...
阅读(9) 评论(0)

链式运动框架

在原有的简易运动框架中再增加一个参数,fn,因为在js中可以传任何参数。所以可以传一个函数进去,,但是需要进行判断,如果传进来的有fn,就执行fn(),没有就不执行。 html <!DOCTYPE html> <html&...
阅读(7) 评论(1)

简易运动框架综合案例,仿FLASH运动

html <!DOCTYPE html> <html> <head> <meta charset=&quo...
阅读(13) 评论(0)

关于offsetWIth相关的两物体不同的运动

两个物体一个变宽,一个变高 offsetWidth:得到的是盒模型值,对于盒模型尺寸,需要考虑的就有很多,比如padding以及border. 所以下面的案例中,width本身为200,设一个宽度为1的边框后,offsetwidth就会变为202,每执行一次,虽然会减一,此时把得到的值赋给wi...
阅读(5) 评论(0)

js多物体运动

经验:在多物体运动里面,所有开始定义为常量的值,都不能通用,比如第一个案例中的定时器,还有就是多物体淡入淡出时的透明度值。一旦通用就会产生混乱。属性要与对应的运动对象进行绑定 多物体运动:此时需要注意的是,相对于之前的案例,如果只有一个定时器,会出现当你快速移动鼠标时, ...
阅读(14) 评论(0)

js运动缓冲运动

1、在计算速度的时候一定要记得取整,因为像素是计算机所能接收到的最小单位,所以如果是299.9px,计算机会认为是299px,计算机也不会给你四舍五入。 2、缓冲运动:逐渐变慢,最后停止。距离越远,速度越大。即速度与距离成正比。速度=(目标值-当前值)/缩放系数 3、缓冲菜单:根据页面滚动的缓...
阅读(16) 评论(0)

js运动基础一

运动框架:1、在你点击开始时,一定要把之前所有的定时器关闭 2、把停止定时器和运动分开,使用(if/else)隔开 js运动基础一:匀速运动 <!DOCTYPE html> <html> &...
阅读(8) 评论(0)

点击更换图片,再次点击,图片回归原样

注意:主要是用一个变量b来存放if条件句里放的值,最开始为1,此时表示if的值成立,然后图片进行第一次改变。此时另b变为0,再次点击,此时if的条件不成立,则执行else的内容 <!DOCTYPE html> <html&...
阅读(11) 评论(0)

js表格中的DOM操作,隔行变色和添加、删除某一行,搜索数据

appenChild();首先要把添加的从父级删除,然后再添加到现在的位置 一、隔行变色 注意:表格尽量有标题,最好写上tbody. 表格中可以可以直接使用oTal.tBodies[0].rows[i],因为tBodies可以有多个,所以返回值是个数组,而thead,tfoot只有一个,所以...
阅读(21) 评论(0)

js中DOM有关,children(),appendChild()实现的排序

1、childNodes和nodeType childNodes获取子节点,但是会把中一个标签与另一个标签的空格当做文本节点来计算。nodeType判断一个节点是什么类型的节点。只有当nodeType==1时才是元素节点,2是属性节点,3是文本节点。 2、children获取子节点,它只返回H...
阅读(8) 评论(0)

js导航栏改变背景

使用到this关键字 <!DOCTYPE html> <html> <head> <meta charset=&...
阅读(7) 评论(0)

js无缝滚动

效果原理:让ul一直向左滚动 复制li,改变ul的宽度, 进行判断,是否越界 如果越界,重新定位。 控制向左向右,设定一个speed,更改其值的正负。 <!DOCTYPE html> <html> ...
阅读(11) 评论(0)

定时器的使用,显示时间以及延时提示框

显示时间 <!DOCTYPE html> <html> <head> <meta charset="...
阅读(21) 评论(0)

各种小知识点(一)

1、所有标签都可以加ID,包括link标签,网页换肤就是通过改变link链接的css样式表来实现的。所有标签的任何属性都可以进行更改。 2、input中有个属性是title,鼠标移入框中时,用来显示提示文字 3、<a href='javascript:;'&amp...
阅读(11) 评论(0)

数组相关方法以及sort方法

js中的数组的length,既可以获取又可以设置,本来长度是6,设置成3时,此时数组里的值只有前三个,所以可以用来清空数组 push(4),往数组尾部添加一个4,他的返回值是最新数组的长度 pop()是在尾部删除一个,其中没有参数 shift(),在头部删除,unshift(4)在头部添加 ...
阅读(16) 评论(0)

可变参数,css函数,获取非行间样式

1、可变参数 <!DOCTYPE html> <html> <head> <meta charset=&q...
阅读(10) 评论(0)

json相关

json简介 json使用的是花括号,以键值对的形式出现,键和值之间使用冒号(:),每对之间使用逗号(,),而数组时中括号。 从json中获取数据可以使用两种方式,一是:aJson.a 二是:aJson[‘a’],里面要用单引号括起来。 json不像数组,他没有length,所以在循环...
阅读(8) 评论(0)
    个人资料
    持之以恒
    等级:
    访问量: 2503
    积分: 680
    排名: 7万+
    文章存档
    最新评论