小项目

网址地址:http://www.fgm.cc/learn/

第一课

控制div属性

网页换肤

函数接收参数并弹出

用循环将三个Div变成红色

鼠标移入/移出改变样式

记住密码提示框

第二课

百度输入法

点击Div,显示其innerHTML

求出数组中所有数字的和

弹出层效果

函数传参,改变Div任意属性的值

图片列表:鼠标移入/移出改变图片透明度

简易选项卡

简易JS年历

单一按钮显示/隐藏一播放列表收缩展开

提示框效果

鼠标移过,修改图片路径

复选框(checkbox)全选/全不选/返选

第三课

用typeof查看数据类型

用parseInt解析数字,并求和

累加按钮,自加1

输入两个数字,比较大小

页面加载后累加,自加1

判断数字是否为两位数

网页计算器

简易网页时钟

倒计时时钟(100秒)

第四课

setTimeout应用

自动播放一幻灯片效果

自动改变方向一幻灯片效果

agruments应用一求出函数参数的总合

css函数一设置/读取对象的属性

当前输入框高亮显示

数组练习:各种数组方法的使用

事件练习:封装兼容性添加、删除事件的函数

星级评分系统

第五课

模拟select控件

点击页面,显示单击的坐标

用户按下键盘,显示keyCode

阻止右键菜单(阻止默认事件)

跟随鼠标移动(大图展示)

自定义右键菜单

用键盘控制Div

Div闪烁

第六课

完美拖拽

仿腾讯微博效果

自定义多级右键菜单

第七课

自动轮播广告(缓冲效果)

图片切换(Loading效果)

移动效果(按轨迹移动)

第八课

iPhone手机解锁效果

自定义滚动条

拖拽一Clone

拖拽并可以改变大小

第九课

仿苹果电脑任务栏菜单

拼图小游戏

模拟表单控件

第十课

为数组添加方法(求和,最大值)

自动轮播广告(面向对象版)

运动框架(面向对象版)

照片墙一多实例演示(面向对象版)

拖拽库(面向对象版)

无缝滚动(面向对象版)

延时加载(面向对象版)

仿腾讯游戏《英雄杀》官网Flash效果

百度有啊通栏展示效果

放烟花效果(面向对象版)

《穿越火线》官网导航菜单

《百度风云榜》TAB切换

IBM官网导航条效果

面试题-动态生成表格

项目实例

眼镜在线试戴

日历组件

淘宝网-迷你登录

仿Google+ 游戏频道焦点图效果

YUI实例

淘宝旅行通用日历组件

酒店价格日历

KISSY实例

KISSY版-酒店价格日历

KISSY版-图片浏览组件

酒店地图交通与周边

多SKU酒店价格中心

多SKU门票价格中心

新版-多SKU门票价格中心

你可能感兴趣的:(小项目)