jQuery学习笔记（三）jQuery动画效果
1、对角线动画
效果：让元素在规定时间里沿着左上角来回显示和隐藏
jq对象.show() hide() toggle()
注意：
1. 括号中可以加动画时长（slow normal fast 毫秒数）任一个；
2. fast=200 normal=400 slow=600
3. 默认不做动画
演示：
html代码：
jquery代码：
2、滑动动画
效果：让元素在规定时间里下拉和上拉来回显示和隐藏
jq对象.slideDown() slideUp() slideToggle()
注意：如果没有参数，默认以normal（400）的速度做动画
演示：
html代码：同上
jQuery代码：
$(function () {
var inputs = $("input");
// 显示
inputs.eq(0).click(function () {
$(".box").slideDown("slow"); // slow normal fast 1000
});
// 隐藏
inputs.eq(1).click(function () {
$(".box").slideUp();
});
// 切换
inputs.eq(2).click(function () {
$(".box").slideToggle(1000);
});
});
3、淡入谈出动画
效果：让元素在规定时间里不断改变透明度直到显示和隐藏
jq对象.fadeIn() fadeOut() fadeToggle()
注意：如果没有参数，默认以normal（400）的速度做动画
演示：
html代码：同上
jQuery代码：
4、透明度动画
效果：让元素在规定时间里改变一定的透明度
jq对象.fadeTo(时间,透明度) 透明度取值0-1
可以准确的设置透明度，而且透明度最终会停留在标签身上。
注意：只是降低盒子的透明度，不是隐藏盒子
演示：
html代码：
jQuery代码：
5、案例
5.1、表格隔行变色
html代码：
全选
分类ID
分类名称
分类描述
操作
1
手机数码
手机数码类商品
修改|删除
2
电脑办公
电脑办公类商品
修改|删除
3
鞋靴箱包
鞋靴箱包类商品
修改|删除
4
家居饰品
家居饰品类商品
修改|删除
jquery代码：
5.2、复选框全选全不选
html代码：同上
jquery代码：
5.3、QQ表情添加案例
说明：
让被点击的当前图片对象实现克隆, 然后拼接到类名word标签之后
html代码：
!DOCTYPE html>
QQ表情选择
请发言：
jquery代码：