排序:
默认
按更新时间
按访问量

移动端手机横屏提示

【项目地址】: http://dwz.cn/RYgq7【手机二维码】:【效果】:【代码】 为了更好的体验,请使用竖屏浏览 /* 样式放在结尾,防止 base64 图片造成拥塞 */ @keyframes rotation { ...

2015-06-21 17:40:42

阅读数:3919

评论数:1

Grunt学习

http://www.cnblogs.com/yexiaochai/p/3603389.htmlGruntfile这个文件尤其关键,他一般干两件事情: ① 读取package信息 ② 插件加载、注册任务,运行任务(grunt对外的接口全部写在这里面) Gruntfile一般由四个部分组成 ...

2015-06-20 18:42:00

阅读数:629

评论数:0

webkit内核浏览器的CSS写法

-webkit-tap-highlight-color: transparent; Mobile上点击链接高亮的时候设置颜色为透明 -webkit-user-select: none; 设置为无法选择文本 -webkit-touch-callout: none; 长按时不触发系统...

2015-06-20 18:39:09

阅读数:644

评论数:0

CSS3 display:flex和display:box有什么区别?

前者是flex 2012年的语法,也将是以后标准的语法,大部分浏览器已经实现了无前缀版本。后者是2009年的语法,已经过时,是需要加上对应前缀的。所以兼容性的代码,大致如下display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+...

2015-06-20 18:31:16

阅读数:1992

评论数:0

元素水平垂直居中【弹性布局 || Translate】

/** * 游戏排行版 */ .yblist { position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.9; z-index: 999; }...

2015-06-20 18:29:28

阅读数:1579

评论数:0

Rem 字体设置学习

(2)JS方法动态计算根元素的字体大小: 【淘宝首页:m.taobao.com】(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in wind...

2015-06-20 18:26:49

阅读数:1449

评论数:0

判断是否微信 IPhone 打开

/** * 判断是否微信 * @returns {boolean} */ function isWeiXin(){ var ua =window.navigator.userAgent.toLowerCase(); var s = ua.match(/MicroMessenger\...

2015-06-20 18:18:38

阅读数:1604

评论数:0

使用debug.js调试手机网页

创作背景 手机网页兼容性与ie相比,有过之无不及,调试的时候,我们会使用console.log,但是手机上看不到打印出来的信息。所以只好各种alert,但alert总显得不那么优雅。 初学js的时候就alert,现在还在各种alert。而且alert后还要点击确定,如果循环alert,...

2015-06-20 18:17:08

阅读数:2531

评论数:0

window.location的属性

window.location 对象所包含的属性 属性描述hash从井号 (#) 开始的 URL(锚)host主机名和当前 URL 的端口号hostname当前 URL 的主机名href完整的 URLpathname当前 URL 的路径部分port当前 URL 的端口号protocol当前 UR...

2015-06-20 18:09:24

阅读数:1267

评论数:0

CSS3制作半透明边框记得以前Facebook有段时间使用了非常多的半透明边框(Facebox)

.wrap { width: 200px; height: 200px; border: 15px solid rgba(0,0,0,0.3); background: #FA0...

2015-06-20 18:03:27

阅读数:760

评论数:0

CSS3 Loading效果

Loading .spinner > div { width:15px; height:15px; background-color: #5998CD; ...

2015-06-20 18:01:33

阅读数:707

评论数:0

input只能输入文本框

2015-06-20 17:58:12

阅读数:449

评论数:0

Sublime的SVN插件

http://www.cnblogs.com/kingwell/p/3557579.html 使用快捷方式: [alt+c] : commit current file. [alt+u] : update current file. [alt+r] : revert current fil...

2015-06-20 17:54:25

阅读数:434

评论数:0

图片生成database 64

<!DOCTYPE html 如何用HTML5的FileReader生成Data Url function buildDataUrl(s...

2015-06-20 17:52:33

阅读数:2148

评论数:0

CSS3发光字体几种效果

[CSS3] Neon Glow - CodePen /*setup*/ *{ margin: 0; padding: 0; } @font-face { font-family: 'Monoton'; font-style: normal; font-wei...

2015-06-20 17:51:12

阅读数:8455

评论数:0

戴尔一屏一屏 3D效果

http://dell.kedaibiao.cn/xps13-dino/special.html  戴尔一屏一屏 3D效果 http://www.oschina.net/news/49651/best-jquery-360-degree-image-rotation-plugins ...

2015-06-20 17:49:53

阅读数:574

评论数:0

背景渐变 兼容IE

CSS 实现元素背景渐变 .demo { width:100%; height:200px; border:solid 1px #213c7c; background: -webkit-gradient(linear, 0 0, 0 100%, f...

2015-06-20 17:48:48

阅读数:1842

评论数:0

判断一个类名或者元素是否存在的思路

if ($('.ybvideo ul').length > 0){ // code... }

2015-06-20 17:46:18

阅读数:630

评论数:0

多行文本超出 JS省略号...

(function($) { $(".first-button").on("click", function(event){ $(".first-text").ellipsis(200); ...

2015-06-20 17:44:36

阅读数:1737

评论数:0

CSS3多行显示省略号...

不用js也能控制第让他控制第几行省略: text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -we...

2015-06-20 17:42:52

阅读数:3414

评论数:2

提示
确定要删除当前文章?
取消 删除
关闭
关闭