1. 模拟用户分组
1.1 案例介绍
使用 jQuery 模拟用户分组,要求如下:
1.页面加载时显示所有分组的列表项。
2.点击某分组名称时,仅显示当前分组列表,并隐藏其他分组的列表项
1.2 案例相关知识:
代码准备:
2. 页面换肤
2.1 案例介绍
3. 扩展案例:图片放大
默认效果
效果图
提示:
JQ 元素 .css(“ 属性名 ”,” 属性值 ”);
例如:
jq 元素 .css(“width”,”50px”);
动画版:
JQ 元素 .animate({
属性名 :”+= 属性值 ”,
属性名 :”-= 属性值 ”
},{
duration:”fast”
});
例如:
JQ 元素 .animate({
width:”+=150”
},{
duration:”fast”
});