<script type="text/javascript"> jQuery(document).click(function(e) { var size = 100//自定义大小 jQu...
520 jQuery 鼠标点击水波纹特效
520 520 纯真IP数据库的解析与读取
纯真IP库是民间自发收集、提交、聚合而来的数据库，囊括了国内外的大量IP数据。它的官网提供了记录提交和纠错的功能，管理员在统一整合后每5天更新一次。纯真IP库是完全免费的，它的官网上有在线查询功能，同...
3,312 CSS文字加粗不影响整体宽度
通过伪元素处理文字加粗造成整体宽度改变 <html> <head> <title>CSS文字加粗不影响宽度</title> <style type...
405 @media和@media screen和@media only screen用法、做用、区别
网页宽度小于1200象素生效 @media (max-width:1200px){} 屏幕宽度小于1200象素生效 @mdia screen and(max-width:1200px){} 仅屏幕最大...
1,134 CSS3 水平垂直居中
当使用top: 50%和left: 50% 是以左上角为原点，故不处于中心位置，可以用translate()实现水平垂直居中。 translate()是css3的新特性，在不知道自身宽高的情况下，可以...
537 animation动画复合属性
css3中的animation动画复合属性：name(绑定的动画名称) duration(完成时间) timing-function(如何完成一个周期) delay(启动前间隔) iteration-...
525 CSS 六边形
1、将六边形拆分为一个矩形+二个三角形，利用伪元素after和before来实现； <!--第一种方案：矩形+左右两个三角形来实现--> <div class="one">&l...
230 安卓文本无法垂直居中
安卓 webview 的字体大小在小于 12 像素的时候无法使用行高来垂直居中。目前在微信等应用都存在该问题，而在最新的移动端 Chrome 浏览器上无该问题（截止本文编写时间，微信客户端的 chro...
356 jQuery 插件：Animsition 为页面切换添加动画
Animsition可轻松的为页面切换添加18种不同风格的动画效果，动画特效可以应用到任何网站，也可以使用不同的效果在同一页面上。 官方问站：http://git.blivesta.com/anims...
1,008 transition或transform导致元素或容器闪烁抖动
如果发现这些动画导致某些元素或者容器闪烁，抖动时，可以在使用动画属性的元素上（或发生抖动的元素上）添加如下声明： -webkit-backface-visibility: hidden; backfa...
247 解决iOS不支持background-attachment: fixed
iOS不支持background-attachment: fixed 背景图片固定，造成背景图片放大并模糊不清。 解决办法： @supports (-webkit-touch-callout: inh...
991 Fastclick 解决移动端click事件延迟300ms和点击穿透问题
一、移动端click点击事件300ms延迟介绍 在正常情况下，如果不进行特殊处理，移动端在触发点击事件时，会有300ms的延迟。换句话说，当我们在点击移动端页面后不会立即做出反应，而是会等待300ms...
1,699 Theia Sticky Sidebar与高版本jQuery的兼容性
Theia Sticky Sidebar是款智能固定（跟随）侧边栏的jQuery插件，使用率很高。可惜该插件与高版本jQuery的兼容性欠佳，比如WP5.6自带的jQuery3.5.1，会造成Chro...
808 Chrome 图片缩小的状态下模糊解决办法
本人很少用Chrome，大部分情况下火狐是主力浏览器，随着新Microsoft Edge推出，两款浏览器也交替使用起来，感觉新Microsoft Edge确实比火狐能快些，不过发现在Microsoft...
1,685 16