请使用firefox,chrome等最新浏览器浏览本站。

标签:html5

html5

个人作品集

温馨提示: 以上网站请使用移动浏览器观看 佰草集 佰草集2 响应式网站(欢呼吧) 球队页 天天猜球网站 锦标赛 重力感应网站 2048Website h5呱呱乐 微信小游戏-一页N次郎 2d平滑切换 3dWebsite 360全景 以下是个人测试用例 冠军之路 h5分享页 ios分享页 规则说明页 测试 ……继续阅读 »

阿豹 5年前 (2014-08-13) 373浏览 1评论 0个赞

html5

渐进式JPG

当我们浏览百度图片或qq空间的图片时,有时看到的图片是由模糊到清晰的过程。这极大的提高了用户的体验。使用户可以立刻看到图片的轮廓。这就用到了渐进式JPG。 对比下面图片   第一张图片渐进式JPG格式,在图片加载的时候我们已经可以看到了图片的大致轮廓,这种就是渐进式JPG,使用了递增式编码(Progressive Encoding)。 第二张图片……继续阅读 »

阿豹 5年前 (2014-07-31) 332浏览 0评论 0个赞

js+jquery

js实现网站进度条

查看demo 通常网站为了更加人性化,会有一个加载进度条来显示加载百分比。 原理就是利用图片的预加载来实现。因为大部分网站的资源主要是图片,从而可以利用图片的加载量来实现加载百分比 DEMO: html代码 <div class="fixed-section progress-section"> <di……继续阅读 »

阿豹 5年前 (2014-07-01) 297浏览 0评论 0个赞

js+jquery

常用分享模块

基于sea.js的分享模块代码 此模块包含分享到qzone,腾讯微博,新浪微博,百度贴吧,QQ好友的功能 define(function(require, exports, module) { var shareparm = { "url": "http://www.best-html5.net", "title……继续阅读 »

阿豹 5年前 (2014-06-19) 280浏览 0评论 0个赞

html5

360全景图demo

作为前端开发工程师,我们都知道html5的webgl来实现网页端3D对象展现。下面为大家分享基于webgl的框架three.js以及CSS3DRender.js开发的一个360全景图demo,该效果支持pc和mobile设备。感兴趣的童鞋们可以下载下来查看源码,在这里就不一一给大家解释了。 查看demo 下载demo ……继续阅读 »

阿豹 5年前 (2014-05-08) 342浏览 0评论 0个赞