冰冰点灯 - 博客园

2021年11月22日

摘要： ▶▶弹出层layer 独立使用，在离线1.8以上jquery和layer.js文件 layui模块化使用，引入layui的css和js，在script中使用layui.use()加载模块 layui.use("layer",function{ var layer = layui.layer; lay 阅读全文

posted @ 2021-11-22 10:32 冰冰点灯阅读(429) 评论(0) 推荐(0) 编辑

1、layui基础（导航表格表单）

摘要： 1.基本样式 layui - col- space* '*' 列间距最多只有到30px layui - col- offset* '*' 右偏移占据的列数 layui - row 创建行， layui-btn 按钮（有颜色大小） 2.模块引用 ▶▶导航模块 element //单个模块用字符串阅读全文

posted @ 2021-11-22 10:28 冰冰点灯阅读(1213) 评论(0) 推荐(0) 编辑

2019年2月24日

11.value和innerHTML和inerText

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 9 <!--<input type="button" value="我是inpu 阅读全文

posted @ 2019-02-24 18:16 冰冰点灯阅读(150) 评论(0) 推荐(0) 编辑

10.美女相册

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 body { 8 font-family: "Helvetica" 阅读全文

posted @ 2019-02-24 18:15 冰冰点灯阅读(479) 评论(0) 推荐(0) 编辑

9.显示和隐藏盒子

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 button { 8 margin: 10px; 9 } 10 div { 11 width: 2 阅读全文

posted @ 2019-02-24 18:14 冰冰点灯阅读(335) 评论(0) 推荐(0) 编辑

8.图片切换

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 9  10 阅读全文

posted @ 2019-02-24 18:13 冰冰点灯阅读(179) 评论(0) 推荐(0) 编辑

6.节点的访问关系和操作

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 9 <div class="box1"> 10 <div class="box2 阅读全文

posted @ 2019-02-24 18:09 冰冰点灯阅读(245) 评论(0) 推荐(0) 编辑

4.京东狗

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script> 7 //window.onload页面加载完毕以后再执行此代码 8 window.onload = 阅读全文

posted @ 2019-02-24 17:45 冰冰点灯阅读(149) 评论(0) 推荐(0) 编辑

3.关闭京东广告栏

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 * { 8 padding: 0; 9 margin: 0; 10 } 11 .top-banne 阅读全文

posted @ 2019-02-24 17:42 冰冰点灯阅读(445) 评论(0) 推荐(0) 编辑

2019年2月23日

1.事件的拓展

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 div { 8 width: 100px; 9 height: 100px; 10 backgro 阅读全文

posted @ 2019-02-23 16:23 冰冰点灯阅读(160) 评论(0) 推荐(0) 编辑