随笔分类 -  javascript 实例

1 2 下一页
Ferris教程学习笔记:js示例5.7 自定义右键菜单，请在页面点击右键查看效果。
摘要：自定义菜单事件oncontextmenureturn false;禁止菜单 1 2 3 4 自定义右键菜单 5 18 19 20 21 自定义右键菜单，请在页面点击右键查看效果。22 23 24 剪切25 复制26 粘贴 27 28 68 69 阅读全文
posted @ 2013-12-17 11:42 kaka100 阅读(316) 评论(0) 推荐(0)
Ferris教程学习笔记:js示例5.6 跟随鼠标移动（大图展示）
摘要：//这个综合示例解决问题比较多1:图片预加载var img = new Image();2:img.complete 返回浏览器是否已完成对图像的加载。3:鼠标绝对位置 event.clienX event.clientY4:元素的位置 元素.offsetLeft offsetTop offsetWidth 文档的宽度documentElement.offsetWidth 跟随鼠标移动（大图展示） 阅读全文
posted @ 2013-12-17 11:14 kaka100 阅读(369) 评论(0) 推荐(0)
Ferris教程学习笔记:js示例3.9 倒计时时钟
摘要：倒计时时钟 00分钟5秒 阅读全文
posted @ 2013-12-13 16:48 kaka100 阅读(366) 评论(0) 推荐(0)
Ferris教程学习笔记:js示例3.8 简易网页时钟
摘要：1 2 3 4 简易网页时钟 5 12 13 14 15 1点16 1分17 1秒18 19 43 44 阅读全文
posted @ 2013-12-13 16:47 kaka100 阅读(276) 评论(0) 推荐(0)
Ferris教程学习笔记:js示例3.6 判断数字是否为两位数
摘要：1 2 3 4 判断数字是否为两位数 5 9 10 11 12 13 31 32 阅读全文
posted @ 2013-12-13 16:46 kaka100 阅读(357) 评论(0) 推荐(0)
Ferris教程学习笔记:js示例3.5 页面加载后累加，自加1
摘要：1 2 3 4 页面加载后累加，自加1 5 8 9 10 511 20 21 阅读全文
posted @ 2013-12-13 16:41 kaka100 阅读(247) 评论(0) 推荐(0)
Ferris教程学习笔记:js示例3.4输入两个数字，比较大小
摘要：//这个示例..最巧妙三目运算//2:(inputs[0].value == "" || inputs[1].value=="")?alert("ff"):span.innerHTML = Math.max(inputs[0].value,inputs[1].value); 1 2 3 4 输入两个数字，比较大小 5 12 13 14 15 vs16 17 >"/>18 ？19 50 51 阅读全文
posted @ 2013-12-13 16:39 kaka100 阅读(299) 评论(0) 推荐(0)
Ferris教程学习笔记:js示例3.3 累加按钮，自加1
摘要：1 2 3 4 累加按钮，自加1 5 9 10 11 12 20 21 阅读全文
posted @ 2013-12-13 16:38 kaka100 阅读(343) 评论(0) 推荐(0)
Ferris教程学习笔记:js示例3.2 用parseInt解析数字，并求和
摘要：1 2 3 4 用parseInt解析数字，并求和 5 11 12 13 14 +15 16 =17 ?18 19 34 35 阅读全文
posted @ 2013-12-13 16:37 kaka100 阅读(312) 评论(0) 推荐(0)
Ferris教程学习笔记:js示例3.1 用typeof查看数据类型
摘要：1 2 3 4 用typeof查看数据类型 5 9 10 11 12 <script type="text/javascript">13 alert(typeof 12345);14 alert(typeof "abc");15 alert(typeof document);16 </script>17 18 23 24 阅读全文
posted @ 2013-12-13 16:36 kaka100 阅读(237) 评论(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 阅读(332) 评论(0) 推荐(0)
Ferris教程学习笔记:js示例2.15 提示框效果
摘要：//解题思路这个示例相对复杂不少主要的原因是浏览器兼容性1:给每一个[超链接] a 添加鼠标的移入移出事件 li上浮一层，图片显示2:给每一个图片添加鼠标移入移出事件 li上浮一层，图片显示提示框效果 名车车标展示-鼠标移过显示车标 BMW宝马汽车 Alfa Romeo 阿尔法-罗米欧 Skoda 斯柯达 Vol... 阅读全文
posted @ 2013-12-12 15:15 kaka100 阅读(346) 评论(0) 推荐(0)
Ferris教程学习笔记:js示例2.14 单一按钮显示/隐藏 乐曲播放列表
摘要：//解题思路显示和隐藏歌曲列表主要是切换样式,三目运算 ? : ;none 隐藏 block 显示单一按钮显示/隐藏 乐曲播放列表 播放列表 玩家之徒 - 蔡依林 原谅我就是这样的女生 - 戴佩妮 猜不透 - 丁当 自导自演 - 周杰伦 浪漫窝 - 弦子 流年 - 王菲 阅读全文
posted @ 2013-12-12 15:13 kaka100 阅读(376) 评论(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 阅读(396) 评论(0) 推荐(0)
Ferris教程学习笔记:js示例2.12 简易选项卡
摘要：//思路通过:选项卡标签ul li .current 背景颜色切换标签选项卡的内容通过:display:none;和display:block切换效果简易选项卡 第一课 第二课 第三课 网页特效原理分析 响应用户操作 提示框效果 事件驱动 元素属性操作 动手编写第一个JS特效 引入函数 网页换肤效果 展开/收缩播放列表效果 改变网页... 阅读全文
posted @ 2013-12-12 11:30 kaka100 阅读(344) 评论(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 阅读(465) 评论(0) 推荐(0)
Ferris教程学习笔记:js示例2.10 函数传参，改变Div任意属性的值
摘要：//知识点1:删除元素的style属性元素.removeAttribute("style");函数传参，改变Div任意属性的值 属性名: 属性值: 确定重置 在上方输入框输入"属性名"及"属性值"，点击确定按钮查看效果 阅读全文
posted @ 2013-12-12 11:26 kaka100 阅读(244) 评论(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 阅读(424) 评论(0) 推荐(0)
Ferris教程学习笔记:js示例2.8 求出数组中所有数字的和
摘要：//知识点一:将字符串折分成数组input.value.split(",");//知识点二:阻止用户输入非法字符通过正则表达式,不是数字与单引号过去除 this.value = this.value.replace(/[^(\d)|(,)]/,""); 1 2 3 4 求出数组中所有数字的和 5 11 12 13 14 15 16 输入数字求和，数字之间用半角","号分隔17 18 求和19 12020 21 54 55 阅读全文
posted @ 2013-12-12 11:23 kaka100 阅读(435) 评论(0) 推荐(0)
Ferris教程学习笔记:js示例2.7 点击Div，显示其innerHTML
摘要：1 2 3 4 点击Div，显示其innerHTML 5 10 11 12 13 14 新华网15 北京5月29日电(新华社记者)从三聚氰胺到瘦肉精，从染色馒头到毒豆芽，在食品中添加非食用物质和滥用食品添加剂已成为百姓餐桌上突出的"不安全因素"。近期以来，从北京到广东，从浙江到宁夏，一场打击食品非法添加的"风暴"席卷全国。16 4月21日，国务院部署严厉打击食品非法添加和滥用食品添加剂专项行动后，广东省高度重视，随即召开了全省电视电话会议。省委领导强调，食品安全是"高压线"，决不能"下不为例"；抓好食品安全要突出一 阅读全文
posted @ 2013-12-12 11:21 kaka100 阅读(391) 评论(0) 推荐(0)

1 2 下一页