2020年10月27日
JavaScript 闭包应用-打印所有li元素的内容
摘要： 代码实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http 阅读全文
posted @ 2020-10-27 19:50 火星飞鸟 阅读(382) 评论(0) 推荐(0) 编辑
JavaScript 闭包应用-计算打车价格
摘要： 场景： 打车起步价13(3公里内),之后每多一公里增加5块钱。用户输入公里数就可以计算打车价格。 如果有拥堵情况,总价格多收取10块钱拥堵费。 代码实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta nam 阅读全文
posted @ 2020-10-27 19:43 火星飞鸟 阅读(666) 评论(0) 推荐(0) 编辑
JavaScript 闭包应用-点击li输出索引号
摘要： 代码实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http 阅读全文
posted @ 2020-10-27 19:07 火星飞鸟 阅读(317) 评论(0) 推荐(0) 编辑
2020年10月22日
JavaScript jQuery 任务清单 ToDoList
摘要： 代码实现： ToDoList.html（复制并保存为html文件，打开即可见效果）： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta n 阅读全文
posted @ 2020-10-22 21:25 火星飞鸟 阅读(822) 评论(0) 推荐(0) 编辑
JavaScript 面向对象TAB栏切换
摘要： 功能要求： 点击 tab 栏，可以切换效果. 点击 + 号，可以添加 tab 项和内容项. 点击 x 号，可以删除当前的 tab 项和内容项. 双击tab项文字或者内容项文字，可以修改里面的文字内容. 代码实现： Obj_TAB.html（复制并保存为html文件，打开即可见效果）： <!DOCTY 阅读全文
posted @ 2020-10-22 21:06 火星飞鸟 阅读(772) 评论(0) 推荐(0) 编辑
JavaScript 常见移动端网页特效
摘要： 1. 触屏事件 1.1 触屏事件概述 移动端浏览器兼容性较好，不需要考虑 JS 的兼容性问题。但是移动端也有自己独特的地方，比如触屏事件touch（触摸事件），Android 和 IOS 都有 touch对象代表一个触摸点，触摸点可能是一根手指，也可能是一根触摸笔 触屏事件可响应用户手指（或触控笔） 阅读全文
posted @ 2020-10-22 10:43 火星飞鸟 阅读(396) 评论(0) 推荐(0) 编辑
JavaScript 移动端轮播图
摘要： 代码实现： mobileAutoPlay.html（复制并保存为html文件，打开并切换为移动端显示，即可见效果）： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" conten 阅读全文
posted @ 2020-10-22 10:38 火星飞鸟 阅读(477) 评论(0) 推荐(0) 编辑
JavaScript 返回顶部效果
摘要： 代码实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http 阅读全文
posted @ 2020-10-22 09:44 火星飞鸟 阅读(568) 评论(0) 推荐(0) 编辑
JavaScript 常见PC端网页特效
摘要： 1. 元素偏移量 offset 1.1 offset 概述 offset翻译过来就是偏移量，使用offset系列相关属性可以动态得到该元素的位置（偏移）、大小等 获得元素距离带有定位父元素的位置 获得元素自身的大小（宽度高度） 返回的数值都不带单位 1.2 offset 系列常用属性 1.3 off 阅读全文
posted @ 2020-10-22 09:27 火星飞鸟 阅读(595) 评论(0) 推荐(0) 编辑
JavaScript DOM初学笔记
摘要： 1. DOM简介 1. 1 什么是DOM 文档对象模型（Document Object Model，简称 DOM），是 W3C组织推荐的处理可扩展标记语言（HTML 或者XML）的标准编程接口。 1.2 DOM树 **文档：**一个页面就是一个文档，DOM中使用 document 表示 元素：页面中 阅读全文
posted @ 2020-10-22 08:51 火星飞鸟 阅读(342) 评论(0) 推荐(0) 编辑