Web前端设计资源
jQuery 水面涟漪插件 jquery.ripples
项目地址:https://github.com/sirxemic/jquery.ripples
jQuery 鼠标点击水波纹特效
<script type="text/javascript"> jQuery(document).click(function(e) { var size = 100//自定义大小 jQu...
纯真IP数据库的解析与读取
纯真IP库是民间自发收集、提交、聚合而来的数据库,囊括了国内外的大量IP数据。它的官网提供了记录提交和纠错的功能,管理员在统一整合后每5天更新一次。纯真IP库是完全免费的,它的官网上有在线查询功能,同...
CSS文字加粗不影响整体宽度
通过伪元素处理文字加粗造成整体宽度改变 <html> <head> <title>CSS文字加粗不影响宽度</title> <style type...
CSS3 水平垂直居中
当使用top: 50%和left: 50% 是以左上角为原点,故不处于中心位置,可以用translate()实现水平垂直居中。 translate()是css3的新特性,在不知道自身宽高的情况下,可以...
animation动画复合属性
css3中的animation动画复合属性:name(绑定的动画名称) duration(完成时间) timing-function(如何完成一个周期) delay(启动前间隔) iteration-...
CSS 六边形
1、将六边形拆分为一个矩形+二个三角形,利用伪元素after和before来实现; <!--第一种方案:矩形+左右两个三角形来实现--> <div class="one">&l...
网页特效live2d看板娘
如果喜欢给自己的网站加些花花草草,live2d看板娘就是一个不错的特效,人物会跟随你的鼠标动,超级可爱! 将下面代码添加到网页适当位置即可。 <script src="https:...
安卓文本无法垂直居中
安卓 webview 的字体大小在小于 12 像素的时候无法使用行高来垂直居中。目前在微信等应用都存在该问题,而在最新的移动端 Chrome 浏览器上无该问题(截止本文编写时间,微信客户端的 chro...
jQuery 插件:Animsition 为页面切换添加动画
Animsition可轻松的为页面切换添加18种不同风格的动画效果,动画特效可以应用到任何网站,也可以使用不同的效果在同一页面上。 官方问站:http://git.blivesta.com/anims...
Fastclick 解决移动端click事件延迟300ms和点击穿透问题
一、移动端click点击事件300ms延迟介绍 在正常情况下,如果不进行特殊处理,移动端在触发点击事件时,会有300ms的延迟。换句话说,当我们在点击移动端页面后不会立即做出反应,而是会等待300ms...
Chrome 图片缩小的状态下模糊解决办法
本人很少用Chrome,大部分情况下火狐是主力浏览器,随着新Microsoft Edge推出,两款浏览器也交替使用起来,感觉新Microsoft Edge确实比火狐能快些,不过发现在Microsoft...
大自然的配色
配色是一门高深的艺术和学问,网上有很多将一些色块组合成各种色系的配色表,再冠以为什么清新、明快、时尚、稳重的名称,其实都是胡扯,你说这个配色非常高雅、明快,别人可能认为是土气、花哨,个人喜好不同,不能...
禁止查看网页源代码方法
总是有新手问,如何禁止别人查看自己的网页源代码?答案是没有,对于有经验者所有方法都是徒劳的。 一般常用的方法是在网页中加上类似的JS代码,屏蔽屏蔽键盘和鼠标右键。 document.onkeydown...
CSS背景图像实现延迟加载的jQuery插件:Zepto Lazy
图片延迟加载正常仅对img标签中src属性的图片起作用,对CSS背景(background-image)中的图片无效,例如: <div class="lazy" style="backgroun...