请注意,karlew并不支持低于IE8的浏览器,为了获得最佳效果,请下载最新的浏览器,推荐下载 Chrome浏览器
只发前端的小项目demo或经验。博主比较懒,偶尔更新。

微信网页开发样式库

16-1-24 1,774 views

前两天,微信公众平台开发文档的更新日志有了新的更新 WeUI是什么,一套跟微信客户端的元素相融合的样式库,下面来抽几个看看: 演示主页:   button: 列表项: 表单及图片上传: 弹窗: 底部隐藏菜...
阅读全文

鼠标经过或触摸图片放大镜效果

15-12-27 3,170 views

平时去一些商城或者图片网站,会有鼠标经过图片局部放大预览的效果,我写了一个样例,支持PC端鼠标经过和手机ipad的触摸动作触发。 演示地址:http://wx.karlew.com/loupe/ 完整代码如下: <html> <...
阅读全文

canvas雪花飘落效果

15-12-23 2,036 views

圣诞将至,在网站的首页加入雪花飘落效果是不错的,下面发一个canvas实现的雪花飘落代码: 演示地址:http://wx.karlew.com/canvas/snow/ html: <html>   <head>    &n...
阅读全文

让元素在页面垂直居中的方法

15-12-20 1,489 views

不管是PC页面还是移动端页面,经常会有弹出层菜单需要设计,用户的终端尺寸很多,怎样使弹出层或弹出元素在页面中水平和垂直居中呢?水平居中见的多,垂直居中该怎么写,下面给出本人用过的三种方法:   CSS...
阅读全文

记录几个时不时用到的css/css3属性

15-12-12 1,559 views

1. pointer-events:none 使元素失去click,onmouseover等所有行为,用处在于某个元素在另一底层元素上时(z-index值比另一元素大),也不会影响另一底层元素的click等行为 2. text-overflow:ellipsis 当文字超出元...
阅读全文

手风琴图片轮换效果

15-11-21 1,432 views

一个基于jquery的手风琴式图片点击轮换效果 演示地址:http://wx.karlew.com/sfq/ 源码:https://github.com/karlew/acccordion-slide-img
阅读全文

微信网页授权获取用户基本信息

15-11-03 2,978 views

前几天发了一份微信调用JS-SDK分享接口的教程和参考代码 在微信移动页面开发中,除了自定义分享内容外,获取用户基本信息也是经常用到的,这篇文章将介绍下如何通过网页授权获取用户基本信息: 1.设置授权回调域...
阅读全文

微信调用JS-SDK分享接口

15-10-30 4,409 views

之前一直在弄微信的公众平台开发,最近在所加的一些微信开发群里经常有网友问到微信分享到朋友圈的自定义分享内容怎么实现,jssdk怎么设置和使用。对于刚接触或者不太熟的人来说确实需要一点点时间去理解文档来实...
阅读全文