上一页 1 ··· 3 4 5 6 7 8 9 10 下一页
2019年5月21日
【案例】城市地址三级联动
摘要： 注意点： 1、<option value=""></option> value值的设置 2、select的onchange事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>城市地址三级联动</title> 阅读全文
posted @ 2019-05-21 16:36 笨鸟不会飞~~ 阅读(901) 评论(0) 推荐(0) 编辑
【案例】城市地址二级联动
摘要： 注意点： 1、select的onchange事件 2、<option value=""></option> 巧妙使用value值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>城市地址二级联动</title 阅读全文
posted @ 2019-05-21 15:55 笨鸟不会飞~~ 阅读(384) 评论(0) 推荐(0) 编辑
【案例】高仿百度注册页
摘要： 注意点： 1、正则表达式的匹配 2、密码强度规则的设置 3、表单提交事件onsubmit 4、表单获取焦点事件onfocus、表单失去焦点事件onblur、表单输入事件oninput <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF 阅读全文
posted @ 2019-05-21 12:23 笨鸟不会飞~~ 阅读(214) 评论(0) 推荐(0) 编辑
2019年5月16日
【案例】自由运动小球
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>飞翔的小球</title> <style> *{ margin: 0; padding: 0; } #ball{ width: 200px; height: 2 阅读全文
posted @ 2019-05-16 20:23 笨鸟不会飞~~ 阅读(194) 评论(0) 推荐(0) 编辑
【案例】使用上下左右键控制元素的移动
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>使用键盘上下左右键控制小球移动</title> <style> *{ margin:0; padding:0; } #ball{ width: 200px; h 阅读全文
posted @ 2019-05-16 16:33 笨鸟不会飞~~ 阅读(971) 评论(0) 推荐(0) 编辑
事件
摘要： 1、事件处理程序 事件就是用户或浏览器自身执行的某种动作。 响应某个事件的函数叫做事件处理程序。 事件处理程序有以下几种： （1）HTML事件处理程序 eg: <div onclick="changeBg()">点击</div> <div onclick="alert(event.type)">点击 阅读全文
posted @ 2019-05-16 11:28 笨鸟不会飞~~ 阅读(157) 评论(0) 推荐(0) 编辑
2019年5月15日
《你不知道的JavaScript》上卷——第1章
摘要： 知识点总结 1、什么是作用域？ 作用域是根据名称查找变量的一套规则。 2、通常将JavaScript归类为“动态”或“解释执行”语言，但事实上它是一门编译语言。 3、编译 在传统编译语言的流程中，程序中的一段源代码在执行之前会经历3个步骤，统称为“编译”。 分词/词法分析——>解析/语法分析——>代 阅读全文
posted @ 2019-05-15 22:12 笨鸟不会飞~~ 阅读(107) 评论(0) 推荐(0) 编辑
【案例】百度新闻导航条
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>百度新闻导航条效果实现</title> <style> *{ margin:0; padding:0; } a{ text-decoration: none; 阅读全文
posted @ 2019-05-15 20:14 笨鸟不会飞~~ 阅读(450) 评论(0) 推荐(0) 编辑
【案例】放大镜效果实现
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>放大镜效果实现</title> <style> *{ margin: 0; padding: 0; } img{ display: block; } li{ l 阅读全文
posted @ 2019-05-15 17:57 笨鸟不会飞~~ 阅读(137) 评论(0) 推荐(0) 编辑
【案例】鼠标按下，DIV跟随移动
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>鼠标按下，DIV跟随移动</title> <style> *{ margin: 0; padding: 0; } #ball{ width: 200px; he 阅读全文
posted @ 2019-05-15 16:46 笨鸟不会飞~~ 阅读(667) 评论(0) 推荐(0) 编辑
上一页 1 ··· 3 4 5 6 7 8 9 10 下一页