CSS
-
jQuery+CSS3实现QQ分组微信聊天效果
这是一款基于jQuery的手风琴个人信息菜单面板。使用HTML5+CSS3实现。效果类似QQ分组面板，同时展开后是类似微信聊天界面的效果。 下面是该demo效果的截图： 界面效果看…
-
CSS3实现一款漂亮的留言代码
自从多说关闭后，评论插件越来越少了。而WordPress自带的评论框非常的简陋，看起来就没有评论的欲望。本文将使用CSS3实现一款漂亮的留言代码，赶紧跟着一起改动你的博客评论框吧！…
-
Flexbox（网格系统）布局教程
Bootstrap 4 (Beta)中已经正式采用了 flexbox 网格系统。可以预见 flexbox 布局在不久的将来将越来越受欢迎。 本文将结合作者个人的经验和理解整了这部分…
-
jQuery实现幸运大转盘(php抽奖程序)抽奖程序
抽奖程序有各式各样的形式，其中幸运大转盘最为常见。线上线下都有很多的使用场景。 本文结合我自己的php网站，是实现一个php抽奖程序。 下图是该抽奖程序的截图： 一般的抽奖程序主要…
-
JavaScript图片延迟加载插件Echo.js使用详解
使用过淘宝的人都知道，我们在浏览淘宝页面时，淘宝上有非常多的图片。如果需要全部加在，那在3秒之内可能完全打不开淘宝。而现实是淘宝能够在3秒之内打开。 淘宝这么高深的技术是怎么做的呢…
-
使用jQuery-Seat-Charts插件实现在线电影票选座功能
最近《战狼2》大火，创造了50亿的票房，打破了多个记录。我相信大部分的小伙伴们都已经去看过了，而且有一部分就是在网上购买的电影票，例如淘宝的淘票票在线选票的功能。网上购票如此的方便…
-
响应和触摸式音频播放器Codrops Audio
Codrops Audio 界面使用纯CSS编写，支持响应式，可以方便在桌面、平板以及手机设备上使用。界面因为是CSS编写，所以如果懂CSS样式，可以自己设计一个新的样式来修改。并…
-
使用FullScreen让Video全屏
经常有网友提到需要让video全屏。其他让video全屏不难，难就难在兼容性。 如果光使用FullScreen api就能全屏的话，就简单了。主要是各种浏览器对w3c的标准用的ap…
-
HTML5制作一款程序员老黄历
日历是我们平时关注不多的但是构造起来极其麻烦的控件。网上有很多开源的jquery插卡或者js日历插件等。这些插件一般都是中规中矩的，缺少搞笑元素。因此我制作了一款程序员老黄历。 该…
-
JavaScript实现一块黑白五子棋游戏
五子棋大家都不陌生吧。以前我们玩的可能是app版的，但是今天我给大家带来一块web版的五子棋。本文制作的黑白五子棋游戏也算是一块HTML5游戏吧。 下面我们先来看看我的五子棋的运行…