js获取上月开始和结束时间
/** 时间格式化 */ function formatDate(val) { var date = new Date(Number(val)); //时间戳为10位需*1000，时间戳为13位的话不需乘1000 var Y = date....
将layer的tips弹窗改为滑过显示（layui）
开发主题时使用了layer组件，在做tooltips时发现layer提供的tips弹窗默认是点击后显示的效果，想改成鼠标滑过显示滑出隐藏该怎么实现呢？可以通过mouseenter和mouseleave事件轻松实现。 注意：需要提前引入lay...
去除bootstrap中按钮的蓝色边框
使用bootstrap框架时的同学可能都会遇到，其中的按钮组件在点击选中时候，会显示一圈蓝色的边框，和自己本身网站的风格十分不搭，应该怎么去掉呢。 通过css:focus伪类添加样式即可去除 .btn:focus{ outline:0!im...
css设置transform和filter对fixed定位的影响
在使用使用filter属性添加整站置灰功能时发现了一个问题，由于想针对全部页面的所有元素实现这个效果，于是针对html和body都添加了filter属性，添加之后是实现了置灰的效果，但是发现右侧悬浮导航以及部分使用固定定位（fixed）的弹...
如何将网站设置为灰色（黑白色）
遇到伟人逝世或重大悼念事件时，站长们都会将自己的网站设置为灰色（黑白色），以此来表达我们的悼念之情，那么如何对自己的网站进行设置呢？ 在网页的head标签前加入下面的代码 <style type="text/css"> html...
flex布局内元素无法设置宽度
经常是否FLEX布局会遇到内部的元素无法通过white设置宽度，该如何解决？ display:flex FELX内部的子元素不能直接设置width设置宽度，需要通过flex布局指定宽度 flex:0 0 50px; flex参数说明 1、放...
使用纯CSS3实现简单涂鸦风格边框
这是一款用纯CSS3打造的自定义Tooltip边框的应用，今天的这款Tooltip却可以用CSS3来自定义边框，边框呈涂鸦风格。用CSS3实现自定义边框的好处是可以自适应边框内部的文字数量大小。 下面我们来分享一下实现的方法，主要由HTML...
使用CSS美化、隐藏滚动条
在HTML页面中，超出页面高度会自动在侧边显示滚动条。但是默认样式非常简单，看着也不美观；那么如何美化侧边滚动条呢？ 可以通过 :-webkit-scrollbar 伪类元素实现美化滚动条， CSS修改滚动条 /* 定义滚动条 */ bod...
通过CSS实现圆形动态加载条动画效果
在做前端的时候，常用到进度条显示的效果；长条形的进度条是最常见也是比较简单的，如果想独特一些，用圆形的进度条该怎么实现呢？可以用纯CSS实现吗？ 当然可以的，下面便分享完整的制作过程。 话不多说，先看最终效果图。 （最下方附成品效果源码文件...
