随笔分类 -  JavaScript

sessionStorage
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>登录</title> 6 <style> 7 .login { 8 width: 300px; 9 height: 300px; 10 bo 阅读全文
posted @ 2020-06-15 20:42 xuqidong 阅读(127) 评论(0) 推荐(0)
留言板和jq轮播图
摘要：1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>留言板</title> 6 <style type="text/css"> 7 body, ul { 8 margin: 0; 9 padd 阅读全文
posted @ 2020-02-24 21:39 xuqidong 阅读(249) 评论(0) 推荐(0)
轮播图
摘要：1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>轮播图</title> 6 <link rel="stylesheet" type="text/css" href="css/scroll. 阅读全文
posted @ 2020-02-06 16:51 xuqidong 阅读(146) 评论(0) 推荐(0)
BOM操作
该文被密码保护。
posted @ 2019-12-29 20:13 xuqidong 阅读(3) 评论(0) 推荐(0)
DOM操作
摘要：1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>DOM树结构关系</title> 6 </head> 7 <body> 8 <div class="sup"> 9 <div class=" 阅读全文
posted @ 2019-12-29 18:17 xuqidong 阅读(102) 评论(0) 推荐(0)
js动画
摘要：1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>js动画</title> 6 <style type="text/css"> 7 .box { 8 width: 200px; 9 heig 阅读全文
posted @ 2019-12-29 13:33 xuqidong 阅读(111) 评论(0) 推荐(0)
js盒模型
摘要：1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>js盒模型</title> 6 7 <style type="text/css"> 8 .sup { 9 width: 200px; 10 阅读全文
posted @ 2019-12-29 11:00 xuqidong 阅读(109) 评论(0) 推荐(0)
文档事件、图片事件和页面滚动事件
摘要：1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>文档事件</title> 6 <!-- 代码自身至下解析 --> 7 <script type="text/javascript"> 8 v 阅读全文
posted @ 2019-12-28 22:42 xuqidong 阅读(191) 评论(0) 推荐(0)
表单事件
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>表单事件</title> 6 </head> 7 <body> 8 <form action=""> 9 <input type="text 阅读全文
posted @ 2019-12-28 22:21 xuqidong 阅读(87) 评论(0) 推荐(0)
键盘控制平滑运动
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>键盘控制平滑运动</title> 6 <style type="text/css"> 7 .div { 8 width: 100px; 9 阅读全文
posted @ 2019-12-28 21:06 xuqidong 阅读(147) 评论(0) 推荐(0)
事件的两种绑定方式
摘要：1 // on 2 绑定 3 div.onclick = function(){} 4 解绑 5 div.onclick=null 6 7 // 非on 8 var fn = function(){} 9 绑定 10 div.addEventListener('click', fn); 11 解绑 阅读全文
posted @ 2019-12-28 16:25 xuqidong 阅读(105) 评论(0) 推荐(0)
冒泡和默认事件
摘要：1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>冒泡和默认事件</title> 6 <style type="text/css"> 7 .sub { 8 width: 100px; 9 h 阅读全文
posted @ 2019-12-28 16:20 xuqidong 阅读(128) 评论(0) 推荐(0)