2013年12月13日
Ferris教程学习笔记:js示例2.17 复选框（checkbox）全选/全不选/反选
摘要： //这个案例知识点不多复选框的checked属性 true falsetrue 选中 false 没有选中 1 2 3 4 复选框（checkbox）全选/全不选/反选 5 17 18 19 20 21 22 全选23 反选24 25 26 选项（一）27 选项（二）28 选项（三）29 选项（四）30 选项（五）31 选项（六）32 选项（七）33 选项（八）34 选项（九）35 选项（十） 36 37 38 ... 阅读全文
posted @ 2013-12-13 16:34 kaka100 阅读(205) 评论(0) 推荐(0) 编辑
Ferris教程学习笔记:js示例2.16 鼠标移过，改变图片路径
摘要： //这个案例知识点比较多..1:first 下的div是用来显示加载图片过程时的"加载图片.."当图片加载成功后隐藏加载过程中显示2:new Image()对象动态加载图片时使用的对象，常用做预加载中/mg 有一个属性.complete 图片加载完成 true 否则为falseonload 加载完成后自动执行方法隐藏 1 2 3 4 鼠标移过，改变图片路径 5 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 67 68 阅读全文
posted @ 2013-12-13 16:33 kaka100 阅读(300) 评论(0) 推荐(0) 编辑
2013年12月12日
Ferris教程学习笔记:js示例2.15 提示框效果
摘要： //解题思路这个示例相对复杂不少主要的原因是浏览器兼容性1:给每一个[超链接] a 添加鼠标的移入移出事件 li上浮一层，图片显示2:给每一个图片添加鼠标移入移出事件 li上浮一层，图片显示提示框效果 名车车标展示-鼠标移过显示车标 BMW宝马汽车 Alfa Romeo 阿尔法-罗米欧 Skoda 斯柯达 Vol... 阅读全文
posted @ 2013-12-12 15:15 kaka100 阅读(296) 评论(0) 推荐(0) 编辑
Ferris教程学习笔记:js示例2.14 单一按钮显示/隐藏 乐曲播放列表
摘要： //解题思路显示和隐藏歌曲列表主要是切换样式,三目运算 ? : ;none 隐藏 block 显示单一按钮显示/隐藏 乐曲播放列表 播放列表 玩家之徒 - 蔡依林 原谅我就是这样的女生 - 戴佩妮 猜不透 - 丁当 自导自演 - 周杰伦 浪漫窝 - 弦子 流年 - 王菲 阅读全文
posted @ 2013-12-12 15:13 kaka100 阅读(332) 评论(0) 推荐(0) 编辑
Ferris教程学习笔记:js示例2.13 简易JS年历
摘要： //解题思路: 将每一个月的节日保存在一个数组中，下标0开始--11 在程序中为每一个li添加一个点击事件 1:修改css属性 2:依据元素下标赋值 1 2 3 4 简易JS年历 5 19 20 21 22 23 1JAN24 2FER25 3MAR26 4APR27 5MAY28 6JUN29 7JUL30 8AUG31 9SEP32 10OCT33 11NOV34 12DEC 35 36 37 38 9月节日39 中秋节：9月10日至12日放假3天。40 41 ... 阅读全文
posted @ 2013-12-12 14:04 kaka100 阅读(349) 评论(0) 推荐(0) 编辑
overflow:hidden;zoom:1 理解转__
摘要： overflow:hidden;zoom:1http://hi.baidu.com/bbee888/item/ef80baf200de510085d27824清除浮动的几种方法1. 投机取巧法 就是直接一个放到当作最后一个子标签放到父标签那儿，此方法屡试不爽，兼容性强，使用方便， 是初学时使用的上佳之选。但是我从来不用，因为我看到的是个巨大的浪费，浪费了一个标签，而且只能使用一次，我个人是无法容忍的，所以这个方法不推荐。而 且有时候一不留神中间多了个空格会产生一段空白高度的。2. overflow + zoom方法.fix{overflow:hidden; zoom:1;} 此方法优点在于代码 阅读全文
posted @ 2013-12-12 13:41 kaka100 阅读(404) 评论(0) 推荐(0) 编辑
Ferris教程学习笔记:js示例2.12 简易选项卡
摘要： //思路通过:选项卡标签ul li .current 背景颜色切换标签选项卡的内容通过:display:none;和display:block切换效果简易选项卡 第一课 第二课 第三课 网页特效原理分析 响应用户操作 提示框效果 事件驱动 元素属性操作 动手编写第一个JS特效 引入函数 网页换肤效果 展开/收缩播放列表效果 改变网页... 阅读全文
posted @ 2013-12-12 11:30 kaka100 阅读(296) 评论(0) 推荐(0) 编辑
Ferris教程学习笔记:js示例2.11 图片列表：鼠标移入/移出改变图片透明度
摘要： //思路://通过透明度的变化实现效果1:注意代码a 清除元素class值2:注意代码b 当前元素添加class值这个示例需要几张图片，在随笔中没有发现上传附件的功能，你需要去Ferris 站点下载 :(http://js.fgm.cc/learn/ 1 2 3 4 图片列表：鼠标移入/移出改变图片透明度 5 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 49 50 阅读全文
posted @ 2013-12-12 11:29 kaka100 阅读(440) 评论(0) 推荐(0) 编辑
Ferris教程学习笔记:js示例2.10 函数传参，改变Div任意属性的值
摘要： //知识点1:删除元素的style属性元素.removeAttribute("style");函数传参，改变Div任意属性的值 属性名: 属性值: 确定重置 在上方输入框输入"属性名"及"属性值"，点击确定按钮查看效果 阅读全文
posted @ 2013-12-12 11:26 kaka100 阅读(215) 评论(0) 推荐(0) 编辑
Ferris教程学习笔记:js示例2.9
摘要： 实现思路:涂盖层目的在占据整个屏幕并且加上透明度完成这样的效果需要定位position:absolute;opacity:0.5 FF 百分之50%的透明度filter:alpha(opacity=50); IE 百分之50%透明度 1 2 3 4 5 弹出层效果 6 22 23 24 涂盖层25 26 ×27 28 弹出层29 54 55 阅读全文
posted @ 2013-12-12 11:25 kaka100 阅读(403) 评论(0) 推荐(0) 编辑