组装梦想

2020年3月26日

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

posted @ 2020-03-26 16:00 组装梦想阅读(166) 评论(0) 推荐(0)

常见DOM事件

摘要：阅读全文

posted @ 2020-03-26 13:35 组装梦想阅读(75) 评论(0) 推荐(0)

2020年3月25日

javascript实战—利用数据校验实现简单的注册信息验证

摘要： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>注册</title> 6 <script type="text/javascript"> 7 function check() { 8 va 阅读全文

posted @ 2020-03-25 14:27 组装梦想阅读(311) 评论(0) 推荐(0)

2020年3月24日

javascript中常用的正则表达式

摘要：匹配正整数 1 var reg = /(^[1-9]\d*$)/ //不包含0 2 var reg = /^([1-9]\d*|[0]{1,1})$/ //包含0 最多保留3位小数 1 var Reg = /^\d{0,8}\.{0,1}(\d{1,3})?$/;//大于等于1保留三位小数 2 va 阅读全文

posted @ 2020-03-24 21:29 组装梦想阅读(189) 评论(0) 推荐(0)

2020年3月21日

HTML与CSS简单页面效果实例

摘要：效果展示： HTML 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>标题</title> 6 <link href="style.css" type="text/css" rel="st 阅读全文

posted @ 2020-03-21 17:33 组装梦想阅读(624) 评论(0) 推荐(0)

CSS盒子模型

摘要： index.html 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>盒子的模型</title> 6 <link href="style.css" type="text/css" rel= 阅读全文

posted @ 2020-03-21 15:17 组装梦想阅读(127) 评论(0) 推荐(0)

css动画效果

摘要：效果展示 css代码如下 1 div{ 2 width: 100px; 3 height: 100px; 4 background-color: red; 5 position: relative; 6 animation: anim 5s infinite alternate; 7 -webkit 阅读全文

posted @ 2020-03-21 14:29 组装梦想阅读(127) 评论(0) 推荐(0)

css动画过渡效果

摘要：显示效果显示效果 css代码如下 1 div{ 2 width: 100px; 3 height: 100px; 4 background-color: blue; 5 transition: width 2s,height 2s,transform 2s; 6 -webkit-transitio 阅读全文

posted @ 2020-03-21 14:19 组装梦想阅读(122) 评论(0) 推荐(0)

多列

摘要：效果展示 html 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>标题</title> 6 <link href="mycss_动画多列.css" type="text/css" rel 阅读全文

posted @ 2020-03-21 14:00 组装梦想阅读(183) 评论(0) 推荐(0)

照片瀑布流效果

摘要：效果展示 html 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>风景</title> 6 <link href="style.css" type="text/css" rel="sty 阅读全文

posted @ 2020-03-21 13:56 组装梦想阅读(145) 评论(0) 推荐(0)

公告