2016年03月_最骚的就是你

10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创未知图片宽高水平垂直居中

先来个纯CSS的<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { padding: 0px; margin: 0px;

2016-03-28 21:31:23 1202 1

原创 CSS3 动画实现方法大全（*****星级文章*）

CSS3 动画实现方法大全：http://www.100sucai.com/css3/1.html CSS3动画实现方式大全 .left { width: 300px; color: white; background: #444444; } .left ul { list-style: none;

2016-03-19 20:30:30 1608 1

原创自己动手丰衣足食之鼠标悬浮特效

button特效： <!DOCTYPE HTML><html> <head> <meta charset="utf-8" /> <script type="text/javascript" src="js/jquery-2.1.0.min.js"></script> <title>基于jquery hover图片遮罩层滑动 </title>

2016-03-13 19:24:00 1150

原创圆环百分比

<!DOCTYPE HTML><html> <head> <meta charset="utf-8"> <title>演示：jQuery圆形统计图（百分比）</title> <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> <script

2016-03-31 16:34:44 1563

原创 jQuery旋转插件jqueryrotate,制作转盘

CSS3 提供了多种变形效果，比如矩阵变形、位移、缩放、旋转和倾斜等等，让页面更加生动活泼有趣，不再一动不动。然后 IE10 以下版本的浏览器不支持 CSS3 变形，虽然 IE 有私有属性滤镜（filter），但不全面，而且效果和性能都不好。今天介绍一款 jQuery 插件——jqueryrotate，它可以实现旋转效果。jqueryrotate 支持所有主流浏览器，包括 IE6。如果你想

2016-03-30 10:31:19 1498

原创经典的js 代码段

0. 如何创建嵌套的过滤器：12345//允许你减少集合中的匹配元素的过滤器，//只剩下那些与给定的选择器匹配的部分。在这种情况下，//查询删除了任何没（:not）有（:has）//包含class为“selected”（.selected）的子节点。.filter(":not(:ha

2016-03-28 21:46:08 2217

原创自己动手丰衣足食之日历

<!doctype html><html lang="zh"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> body { font-family: 'Helvetica'; }

2016-03-27 17:50:17 782

原创 jQuery实时显示鼠标指针位置和键盘ASCII码

<!DOCTYPE html><html> <head> <title></title> <meta charset="utf-8" /> <script type="text/javascript" src="js/jquery-2.1.4.js"></script> <script language="javascript"

2016-03-27 17:10:00 995

原创 js史上最简单的数组合并去重排序

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-2.1.4.js"></script> <script type="text/javascript">

2016-03-27 16:37:26 5610

原创 Html5 CSS3新标签解释及用法

HTML 5 是一个新的网络标准，目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe Flash, Microsoft Silverlight, 与 Sun JavaFX 的需求。

2016-03-26 10:50:39 3226

原创 jquery 自定义事件绑定与触发 $.one与$.bind效果对比实例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME

2016-03-26 00:11:36 810

原创移动端1px

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>像素

2016-03-25 15:11:44 673

原创一点点小随笔：min-width

<!doctype html><html lang="en"> <head> <meta charset="UTF-8" /> <title></title> <script type="text/javascript" src="js/jquery-2.1.0.min.js"></script> <style type="te

2016-03-24 20:44:11 644

原创移动端适配简易步骤

手机端全部适配简易步骤，不确保没有bug。1、HTML 的 head 部分中加入如下代码：meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">其中 width：viewport

2016-03-23 23:43:40 889

原创倒计时时钟

<div class="timenow"></div> function checktime(val) { if (val < 10) { val = "0" + val; } return val } setI

2016-03-23 22:52:05 747

原创手机端左右全屏滑动（加精）【判断PC还是移动端】

<!DOCTYPE html><html lang="en"> <head> <title>H5单页面手势滑屏切换</title> <meta name="viewport" charset="utf-8" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale

2016-03-21 12:53:07 5882

原创手把手教你做APP官网网站（带动画效果，插入百度地图）

首页html文件 <!doctype html><html lang="en"> <head> <meta charset="UTF-8" /> <link rel="stylesheet" href="wfgw.css" /> <script type="text/javascript" src="js/jquery-1.11.1.min.j

2016-03-20 21:53:31 3929

原创回到顶部和回到底部动画

$("#dwn").click(function() { $('html,body').animate({ scrollTop: $(document).height() }, 600) }); $(".logo2").click(f

2016-03-20 21:43:12 1072

原创手把手教你制作easyUI+bootstrap工作站，主要学习tabs方法

登陆页 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> <title>网络医院登陆</title> <style type="te

2016-03-19 17:15:22 3355 1

原创解密Animate.css之CSS3动画实现方式大全源码（6星级）

源： http://www.100sucai.com/css3/3.html ##“` 摇摆 animation {-webkit-animation:shake 1s .2s ease both; -moz-animation:shake 1s .2s ease both; } @-webkit-keyframes shake { 0%, 100% { -webkit-t

2016-03-18 16:29:13 1448

原创 12个实用的 Javascript 奇淫技巧

取整同时转成数值型：‘10.567890’|0 结果: 10‘10.567890’^0 结果: 10-2.23456789|0 结果: -2~~-2.23456789 结果: -2日期转数值：var d = +new Date(); //1295698416792 3. 类数组对象转数组：var arr = [].slice.call(arguments) 4. 漂亮的随机码：Ma

2016-03-18 15:20:14 769

原创转盘抽奖

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title></title></head><body><style> .box{

2016-03-17 20:39:00 904

原创移动端HTML5实现打电话，发短信，发邮件，文件上传

a href="tel:400-888-6633">拨打电话a>a href="sms:19956321564">发送短信a>a href="mailto:mail@mail.com">发送邮件a>PC端上传文件多半用插件，引入flash都没关系，但是移动端要是还用各种冗余的插件估计得被喷死，项目里面需要做图片上传的功能，既然H5已经有相关的接口且兼容性良好，当然优先考

2016-03-17 20:16:28 8225

转载等高分栏布局小结

阅读目录1. 方法一：万能的flex2. 方法二：使用table或者伪table3. 方法三：使用绝对定位4. 方法四：借助边框，背景实现假等高5. 结束语上一篇文章《圣杯布局小结》总结了几种常见的分栏布局方法，这几个方法都可以实现多栏页面下，所有栏的高度可动态变化，某一栏宽度自适应的布局效果，能满足工作中很多布局需求。后来我在搜集更多关于分栏布局的文章时，发现了一个新的问题，这个

2016-03-17 12:54:12 789

原创深入理解RGBA、Math ceil()、floor()、round()、toFixed()随机数，取整方法

Math.ceil()功能：对一个数进行上取整。语法：Math.ceil(x)参数：x：一个数值。返回值：返回大于或等于x，并且与之最接近的整数。注：如果x是正数，则把小数“入”；如果x是负数，则把小数“舍”。例：<script type="text/javascript">document.write( Math.ceil(1.2)+", "+Math.ceil(1.8)+",

2016-03-16 21:59:32 3098

原创 jquery省市区插件

1.动画效果使用的是animate.css2.支持选择和键盘输入（中英文输入）3.服务端返回的json格式复制代码{ "provinces": [ { "code": "1000", "name": "北京" }], "citys": [ { "code": "100001", "name": "北京", "fullPY": "BEIJING", "firstPY": "BJ",

2016-03-16 14:59:57 2986 1

原创轻量级jQuery带底栏轮播(焦点图)插件slideBox

<!doctype html><html><head><meta charset="utf-8"><title>jQuery图片轮播(焦点图)插件</title><link href="css/jquery.slideBox.css" rel="stylesheet" type="text/css" /><script src="js/jquery-1.7.1.min.js" type=

2016-03-15 22:24:10 1719 1

原创简单的个人博客日历代码，时钟演示

<!doctype html><html><head><meta charset="utf-8"><meta name="keywords" content="Html日历插件，Html精美日历插件，Jquery多功能日历插件" /><meta name="description" content="Html日历插件，多功能-彭亚欧个人博客代码演示中心" /><title>Html日历插

2016-03-15 21:53:06 2869

原创 CSS，Jquery精美进度条和滑动条（滑块）插件

<!doctype html><html><head><meta charset="utf-8"><meta name="keywords" content="Jquery精美进度条和滑动条插件，CSS精美进度条和滑动条插件,Html进度条插件，html滑动条插件"/><meta name="description" content="CSS3和Jq制作的Html滑动条和进度条插件-彭亚欧

2016-03-15 21:46:40 8807

原创 SVG特效&canvas特效

SVG特效<!DOCTYPE html><meta charset="utf-8"><style> rect { fill: #fff; stroke: #000; }</style><svg width="960" height="500"> <defs> <clipPath id="clip-upper">

2016-03-14 22:02:36 918

原创深入理解position: fixed

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>深入理解position: fixed;</title> <style type="text/css"> * { padding: 0px;

2016-03-13 17:22:32 870

原创深入理解transform属性之翻转效果

纯CSS3实现<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> a { display: block; float: left;

2016-03-12 17:53:46 5786 1

原创自己动手丰衣足食之三级联动

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> 省： <select style="width: 100px;" id="pre" onchange="chg(this);">

2016-03-10 12:51:24 735

CSS 即层叠样式表（Cascading Stylesheet）。Web 开发中采用 CSS 技术，可以有效地控制页面的布局、字体、颜色、背景和其它效果。只需要一些简单的修改，就可以改变网页的外观和格式。CSS3 是 CSS 的升级版本，这套新标准提供了更加丰富且实用的规范，如：盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等等，目前有很多浏览器已经相继支持这项升级的规范

2016-03-05 18:02:51 2887

原创当你在浏览器地址栏输入一个URL后回车，将会发生的事情？

这道题目没有所谓的完全的正确答案，这个题目可以让你在任意的一个点深入下去，只要你对这个点是熟悉的。以下是一个大概流程：浏览器向DNS服务器查找输入URL对应的IP地址。DNS服务器返回网站的IP地址。浏览器根据IP地址与目标web服务器在80端口上建立TCP连接浏览器获取请求页面的html代码。浏览器在显示窗口内渲染HTML。窗口关闭时，浏览器终止与服务器的连接。这其中最有趣的是

2016-03-02 12:52:44 11501 3

原创认识jQuery的两个API：attr和data

参考文档：https://segmentfault.com/a/1190000000626031从语义上看，这两个API之间毫不相干，作用也是各有不同。单纯方法名称看，attr()用来修改和增加DOM元素的属性，以及获得属性值。data()用来将数据绑定在DOM元素上。在实际项目中我发现，这两个API都被用来将存储服务器端数据和传递到JavaScript，可以说是JavaScript使

2016-03-02 12:44:50 1318

超级小的web手势库AlloyFinger

超级小的web手势库AlloyFinger:https://github.com/cometwo/AlloyFinger

2016-05-27

仿百度左右滑动无滚动条

参考：http://download.csdn.net/detail/cometwo/9523866

2016-05-18

jquery.nicescroll无滚动条左右拖拽

2016-05-18

js+css文件压缩工具

2016-05-07

旋转插件，可以制作轮播图

旋转插件，可以制作轮播图：http://blog.csdn.net/libin_1/article/details/51012070

2016-04-01

tab选项卡插件（6星级）

tab选项卡插件（6星级）：http://blog.csdn.net/libin_1/article/details/50707870

2016-03-21

手机端左右全屏滑动

手机端左右全屏滑动：http://blog.csdn.net/libin_1/article/details/50945532

2016-03-21

手把手教你做APP官网网站（带动画效果，插入百度地图）

手把手教你做APP官网网站（带动画效果，插入百度地图）：http://blog.csdn.net/libin_1/article/details/50939133

2016-03-20

手把手教你制作easyUI工作站，主要学习tabs方法

手把手教你制作easyUI工作站，主要学习tabs方法:http://blog.csdn.net/libin_1/article/details/50931955

2016-03-19

自定义抖动效果库

2016-03-18

基于Bootstrap的Jquery分页

2016-03-17

类似fullPage.js全屏滚动插件大全

2016-03-17

等高布局

2016-03-17

canvas-image

canvas-image：http://blog.csdn.net/libin_1/article/details/50890367

2016-03-15

图片鼠标悬浮效果

鼠标悬浮效果：http://blog.csdn.net/libin_1/article/details/50879505

2016-03-13

翻转效果翻转效果翻转效果

翻转效果：http://blog.csdn.net/libin_1/article/details/50866652

2016-03-12

强悍的鼠标悬浮图片特效hover.css

强悍的鼠标悬浮图片特效hover.css强悍的鼠标悬浮图片特效hover.css强悍的鼠标悬浮图片特效hover.css

2016-03-09

加载特效加载特效加载特效

加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效

2016-03-07

kxbdSuperMarquee.js无缝滚动

kxbdSuperMarquee.js无缝滚动：http://www.ijquery.cn/?p=240

2016-02-29

jquery.SuperSlide.js 轮播图和tab切换插件

2016-02-29

每天一个linux命令PDF

2018-12-18

深入浅出Rxjs高清文字版PDF

深入浅出Rxjs高清文字版.pdf

2018-12-18

阿里巴巴校招前端笔试题

阿里巴巴校招前端笔试题校招前端笔试题.pages

2018-03-12

算法图解PDF高清有书签

算法图解算法图解算法图解算法图解算法图解算法图解算法图解算法图解算法图解

2018-02-01

HTTP权威指南(高清).pdf版

本书是 HTTP 及其相关核心 Web 技术方面的权威著作，主要介绍了 Web 应用程序是如何工作的,核心的因特网协议如何与架构构建块交互，如何正确实现因特网客户端和服务器等。本书适合所有想了解 HTTP 和 Web 底层结构的人阅读。

2017-10-11

JavaScript设计模式与开发实践

2017-10-03

深入理解ES6 【美】Nicholas C. Zakas

ES6是ECMAScript标准十余年来变动大的一个版本，其中添加了许多新的语法特性，既有大家耳熟能详的Promise，也有闻所未闻的Proxy代理和Reflection反射；既有可以通过转译器（Transpiler）等方式在旧版本浏览器中实现兼容的let、const、不定参数、展开运算符等功能，亦有无论如何都无法实现向前兼容的尾调用优化。深入理解ES6的特性对于所有JavaScript开发者而言至关重要，在可预见的未来，ES6中引入的语言特性会成为JavaScript应用程序的主流特性，这也是《深入理解ES6》的初衷。希望你通过阅读《深入理解ES6》可以了解ES6的新特性，并在需要时能够随时使用。购买地址：https://item.jd.com/12213616.html

2017-07-14

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

超级小的web手势库AlloyFinger

仿百度左右滑动无滚动条

jquery.nicescroll无滚动条左右拖拽

js+css文件压缩工具

旋转插件，可以制作轮播图

tab选项卡插件（6星级）

手机端左右全屏滑动

手把手教你做APP官网网站（带动画效果，插入百度地图）

手把手教你制作easyUI工作站，主要学习tabs方法

自定义抖动效果库

基于Bootstrap的Jquery分页

类似fullPage.js全屏滚动插件大全

等高布局

canvas-image

图片鼠标悬浮效果

翻转效果翻转效果翻转效果

强悍的鼠标悬浮图片特效hover.css

加载特效加载特效加载特效

kxbdSuperMarquee.js无缝滚动

jquery.SuperSlide.js 轮播图和tab切换插件

每天一个linux命令PDF

深入浅出Rxjs高清文字版PDF

阿里巴巴校招前端笔试题

算法图解PDF高清有书签

HTTP权威指南(高清).pdf版

JavaScript设计模式与开发实践

深入理解ES6 【美】Nicholas C. Zakas

自己动手写分享插件

WOW.js（可视区域展示动画）

解密小米魅族等网站在可视区域加载动画

图片懒加载（延迟加载）

利用jQuery旋转插件jqueryrotate制作转盘抽奖（ajax版）

SliderPro插件(带缩略图),可以取代swiper的插件

基于jQuery左右滑动切换特效（4星级）

js仿iPhone手机端alert,loading,正在加载...

仿微信图片查看器(支持左右滑动)

手机端图片弹出层查看(支持左右滑动图片切换)

支持移动端，PC端图片弹出层(支持键盘)

刮刮卡效果

图片放大镜

空空如也