摘要: 大家平时逛淘宝网的时候,在首页就能看到焦点图轮播的效果,就是这个样子的:PS:想起每每打开淘宝,总会被这个玩意先夺眼球,偶尔还去点进去溜溜,幸好我定力好,总能控制住自己的购买欲望,为自己不用剁手感到欣慰 ! 好吧,其实说白了就是穷,就是没钱,就是不能好好地任性,所以只能先去慕课网找教程学习把它给做... 阅读全文
posted @ 2015-04-23 17:54 郭锦荣 阅读(13701) 评论(1) 推荐(3) 编辑
摘要: 刚学习了这个案例,然后觉得比较好玩,就练习了一下。然后发现其实也不难,如果你经常使用PS或者Flash的话,应该就会知道画个叮当猫是很容易的事,至少我是这么觉得。但是,用CSS3画出来确实是第一次接触,所以很乐意去尝试一下,对于我这种菜鸟,确实是帮助不少,至少懂得如何去画一个简单的人物形象出来,再... 阅读全文
posted @ 2015-04-22 17:04 郭锦荣 阅读(13539) 评论(27) 推荐(41) 编辑
摘要: 之前通过Ajax请求加载数据的时候,在数据还没有呈现出来前,为了更好的用户体验,总会弄个loading告诉用户其实内容正在加载,而不是网站崩了。但是貌似之前使用gif图片的情况比较多,可能是为了兼容各个浏览器,但是CSS3已经很强大到我们可以自己使用动画写出一个loading效果出来,然后再通过调... 阅读全文
posted @ 2015-04-22 10:35 郭锦荣 阅读(7897) 评论(2) 推荐(1) 编辑
摘要: 一般使用锚点来跳转到页面指定位置的时候,会生硬地立即跳转到指定位置,但是有些时候我们想要平滑地过渡到指定的位置,那么可以使用JQuery简单的实现这个效果:比如,这里我们将通过点击标签跳转到 id为content的指定位置那里。然后呢,就在我们想要的位置设置id为content的内容块,这里用一个... 阅读全文
posted @ 2015-04-20 12:00 郭锦荣 阅读(4430) 评论(0) 推荐(0) 编辑
摘要: 之前如果想在自己的网站使用某些好看的字体,总是迫不得已得在PS里先把字体图片做好。虽然这样做也能达到我们想要的效果,但是这样就增加了HTTP请求(如果在多处使用的话),即使合并所有图片,也不好管理,灵活性不高,哪一天想换种更好看的字体,那工作量,想想都没劲!幸好CSS3新增了@font-face模... 阅读全文
posted @ 2015-04-17 23:42 郭锦荣 阅读(3106) 评论(1) 推荐(0) 编辑
摘要: 前言 本地持久化存储一直是本地客户端程序优于 web 程序的一个方面。对于本地应用程序,操作系统会提供一个抽象层,用于存储和获取特定于应用程序的数据,例如用户设置或者运行时状态。这些值可以被存储于注册表、INI 文件,或者其他什么地方,这取决于操作系统的实现。如果你的本地应用程序需要的不是简单的键值... 阅读全文
posted @ 2015-04-15 17:10 郭锦荣 阅读(999) 评论(0) 推荐(0) 编辑
摘要: impress.js 是国外一位开发者受 Prezi 启发,采用 CSS3 与 JavaScript 语言完成的一个可供开发者使用的表现层框架(演示工具)。其功能包括画布的无限旋转与缩放,任意角度放置任意大小的文字,CSS3 3D 效果支持等。同时,也支持传统 PowerPoint 形式的幻灯演示... 阅读全文
posted @ 2015-04-15 12:24 郭锦荣 阅读(2285) 评论(5) 推荐(4) 编辑
摘要: 很多时候我们想去某某网站干点什么的时候,就会让我们先注册登录后才可以访问内容,而现在很多网站注册登录的时候都会有一种遮罩层的效果,就是背景是带有透明度的黑色遮罩,盖满整个网站,然后登录框弹出固定在屏幕的居中位置。那么,今天就练练这个实用而简单的效果吧。PS:这个是我学习后练习的demo!首先,需要有... 阅读全文
posted @ 2015-04-13 23:56 郭锦荣 阅读(22940) 评论(0) 推荐(3) 编辑
摘要: 最近在慕课网看了一个案例教程——回到顶部效果(原生js实现)。由于这个效果比较实用,而且不难,所以看后也跟着实现了一次,效果还不错,于是做做笔记,以备不时之需!这个a标签就是用来实现回到顶部的链接,其中 href=”javascript:;”是用来阻止a标签的默认行为,因为我们是要触发点击事件让滚动... 阅读全文
posted @ 2015-04-12 20:49 郭锦荣 阅读(15052) 评论(1) 推荐(4) 编辑