2018 年 1月随笔档案 - ZMONE

摘要：材料：Transform，onmouseout，onmouseover css: html: js: 阅读全文

posted @ 2018-01-25 12:02 ZMONE 阅读(376) 评论(0) 推荐(0)

block与inline，inline和inline-block，块级和行内元素，行内替换和行内非替换元素

摘要：block:块级元素默认display属性为block；无论块内内容有多少，总是占满一行； inline:行内元素默认display属性为inline；只占据块内的内容的大小，不会占满一整行； inline-block:将行内元素的display属性改为inline-block就可以控制行内元素的长阅读全文

posted @ 2018-01-25 11:39 ZMONE 阅读(304) 评论(0) 推荐(0)

使用classList来实现两个按钮样式的切换

摘要：classList属性的方法：add();remove();toggle(); 描述，在一些页面我们需要使用两个按钮来回切换，如图：我们要使用到add()和remove()方法 html部分: <div class="login-title"> <a href="javascript:void(0 阅读全文

posted @ 2018-01-23 19:05 ZMONE 阅读(304) 评论(3) 推荐(0)

关于css透明度的问题

摘要：先看background和background-color background:可以设置背景颜色，背景图片，还有定位。默认background:no-repeat; background-color:只可以设置背景颜色。默认background:repeat; 设置透明度的方式有两种：第一种：阅读全文

posted @ 2018-01-18 11:42 ZMONE 阅读(336) 评论(0) 推荐(0)

级动（两级联动）思路分享

摘要：原生js写级动首先先写两个<select>,第一级<select>里边填充你需要选择的第一级项第二个<select>,这里后边存放第二级选项首先先建一个数组，将省对应的市全部填写进去。我们获取第一级的对象和第二级对象，然后再返回当选中一级对象的时候索引值，然后再根据索引值找到第二级相对应的数阅读全文

posted @ 2018-01-17 14:09 ZMONE 阅读(329) 评论(0) 推荐(0)

js图片预览（一张图片预览）

摘要：核心思想：无论是一张图片上传还是多图上传，首先我们都需要先获得图片对象. 栗子： <inuput type="file" id="myfile" onchange=" "> var myfiles = document.getElementById("myfile"); 接着我们使用URL.crea 阅读全文

posted @ 2018-01-17 10:50 ZMONE 阅读(1179) 评论(0) 推荐(0)

js关于密码框强弱度的提示

摘要：三种密码强度的正则表达式：较弱：全是数字或全是字母 6-16个字符：/^[0-9]{6,16}$|^[a-zA-Z]{6,16}$/; 中级：数字、26个英文字母 6-16个字符： /^[A-Za-z0-9]{6,16}$/; 较高：由数字、26个英文字母或者下划线组成的字符串 6-16个字符：阅读全文

posted @ 2018-01-16 16:53 ZMONE 阅读(2837) 评论(0) 推荐(0)

html单选框（性别选择）

摘要：在写单选框时，如何实现只能同时只能选择一个radio。将name设置为一样的数值；代码如下： <input class="myforms-3-2" type="radio" checked ="checked" name="2" value="sex1">男 <input class="myfor 阅读全文

posted @ 2018-01-16 14:44 ZMONE 阅读(15743) 评论(0) 推荐(0)

盒子模型简述

摘要：盒子模型：盒子模型分为4个板块，分别是：margin,border,padding,content。 margin:可以设置盒子的外边框与其他盒子之间的距离。 border:可以设置盒子边框的属性，例如边框的高度之类的。 padding:可以设置盒子里的内容与盒子内边框的距离，也就是content与阅读全文

posted @ 2018-01-15 10:28 ZMONE 阅读(1371) 评论(0) 推荐(0)

关于网页布局的几个小知识点

摘要：1、内边距：在一个div块中实现注册和登录的切换时，登录和注册之间的距离可以使用padding来撑开，实现登录链接和注册链接之间的距离。 2、padding和margin的区别：简单来说padding就是一个盒子内的内容距离盒子边框的距离，margin是盒子本身距离其他盒子之间的距离。border是阅读全文

posted @ 2018-01-15 01:13 ZMONE 阅读(347) 评论(0) 推荐(0)

js邮箱验证，身份证验证，正则表达式

摘要：邮箱验证： html部分：邮箱验证:<input type="text" id="mail" value="" / onkeyup="checkEmail(this.value)"> <span id="span1"></span> js部分： function checkEmail(str) { 阅读全文

posted @ 2018-01-12 20:11 ZMONE 阅读(501) 评论(0) 推荐(0)

js点赞效果图

摘要：点赞时点赞图标会发生变化。 html部分： <img src="img/icon_thumb_up.png" id="imgs1" style="display:none"> <img src=" img/icon_thumb_up_like_blue.png " id="imgs2" style= 阅读全文

posted @ 2018-01-12 20:07 ZMONE 阅读(997) 评论(0) 推荐(1)