07 2015 档案

avascript处理JSON数据格式
摘要:本课程将介绍如何javascript处理JSON数据格式的各种方式课程链接:http://www.gbtags.com/gb/gbliblist/120.htm 阅读全文

posted @ 2015-07-31 10:24 shirleyqin216 阅读(165) 评论(0) 推荐(0)

极客标签前端特效资源精品大荟萃#003
摘要:1.超棒的HTML5丝带背景效果使用HTML5生成的画布彩带效果,使用原生canvas生成最后效果, 动感很逼真。代码链接:http://www.gbtags.com/gb/rtreplayerpreview/1230.htm2.纯CSS3绿色圆形扫描雷达这是一个纯CSS制作的一个圆形雷达扫描的效果... 阅读全文

posted @ 2015-07-31 10:21 shirleyqin216 阅读(167) 评论(0) 推荐(0)

Javascript处理JSON数据格式
摘要:本课程将介绍如何javascript处理JSON数据格式的各种方式课程链接:http://www.gbtags.com/gb/gbliblist/120.htm 阅读全文

posted @ 2015-07-30 10:52 shirleyqin216 阅读(117) 评论(0) 推荐(0)

使用velocity.js制作炫酷滚动效果页面
摘要:Velocity.js是一款动画切换的jQuery插件,它重新实现了jQuery的$.animate()方法从而加快动画切换的速度。Velocity.js只有7k的大小,它不仅包含了$.animate()的所有功能,并且还包含了颜色切换、转换(transform)、循环、缓动、CSS切换、Scrol... 阅读全文

posted @ 2015-07-30 10:47 shirleyqin216 阅读(214) 评论(0) 推荐(0)

使用CSS3制作酷炫仿苹果複選框
摘要:1、CSS3 兄弟选择符(E~F) 2、CSS :after 选择器 3、神奇的css属性pointer-events课程链接:http://www.gbtags.com/gb/gbliblist/136.htm 阅读全文

posted @ 2015-07-29 15:06 shirleyqin216 阅读(283) 评论(0) 推荐(0)

极客标签前端特效资源精品大荟萃#002
摘要:1.css3星星評分代码演示用CSS3控制手动星星评分的代码,可以点从一星到五星。代码地址:http://www.gbtags.com/gb/rtreplayerpreview/1204.htm2.简单实用的CSS动画复选框这段代码可用在确认与取消,简单实用。代码地址:http://www.gbta... 阅读全文

posted @ 2015-07-29 09:46 shirleyqin216 阅读(215) 评论(0) 推荐(0)

使用Javascript类库Qrcode处理和生成二维码
摘要:这个课程学习使用jQuery QRcode插件来处理二维码,快速帮助生成网站相关的二维码原文链接:http://www.gbtags.com/gb/gbliblist/121.htm 阅读全文

posted @ 2015-07-28 12:24 shirleyqin216 阅读(185) 评论(0) 推荐(0)

【自创插件】简单易用的自创进度条插件
摘要:在线演示1本地下载之前Rel_soul同学发了一个进度条生成的代码演示:http://www.gbtags.com/gb/rtreplayerpreview/1138.htm,感觉很赞~有了这些工具,生成进度条就容易很多,老板再也不担心生成进度条费事了~不过这几个链接好归好,可是有几个小缺点(或许对... 阅读全文

posted @ 2015-07-28 12:12 shirleyqin216 阅读(630) 评论(0) 推荐(0)

使用Qtip2来开发功能强大的删除和信息提示功能
摘要:在线演示1本地下载前面的文章中我们介绍了超棒的20款javascript工具提示条(tooltips)类库,在这篇文章中我们曾经提到过Qtip2这个强大的jQuery工具提示插件,这个jQuery插件能够帮助你快速创建强大的工具提示(tooltip)功能。如果大家使用微博的话,肯定会经常类似如下的用... 阅读全文

posted @ 2015-07-27 11:37 shirleyqin216 阅读(203) 评论(0) 推荐(0)

极客编程小挑战#27:生成动态大眼睛的效果
摘要:本期挑战:生成如下动态效果:鼠标放在眼睛黄色区域上,眼珠随鼠标动;鼠标放在其他位置,眼珠无反应。(点击查看动态效果)提交方式:录制代码编写过程或最终代码:点击开始跟帖发布代码预览地址(使用GB按钮可以直接嵌入发帖回复中):演示地址【强烈提醒】加入QQ群:157757552, 获奖用户及递交快递联系方... 阅读全文

posted @ 2015-07-27 11:26 shirleyqin216 阅读(239) 评论(0) 推荐(0)

使用jQuery background-position插件来创建超酷的导航条效果
摘要:在线演示1本地下载在过去的web开发和设计中,大家往往使用flash来创建炫酷的菜单效果,随着js和web技术的发展,现在大家可以使用简单的javascript代码生成同样漂亮的菜单效果,在今天的这个简单教程中,我们将带领大家使用jQuery的background-position插件来开发漂亮的导... 阅读全文

posted @ 2015-07-24 12:56 shirleyqin216 阅读(567) 评论(0) 推荐(0)

使用jQuery开发一个带有密码强度检验的超酷注册页面
摘要:在线演示1本地下载在今天的jQuery教程中,我们将介绍如何使用jQuery和其它相关的插件来生成一个漂亮的带有密码强度检验的注册页面,希望大家喜欢!相关的插件和类库complexify- 一个密码强度检验jQuery插件justgage- 一个兼容性良好的仪表盘类库主要功能注册中包含一个密码强度检... 阅读全文

posted @ 2015-07-24 12:49 shirleyqin216 阅读(1133) 评论(1) 推荐(0)

使用jQuery timelinr和animate.css创建超酷的CSS动画时间轴特效
摘要:在线演示1在线演示2本地下载在过去我们的文章中,我们介绍过很多不错的时间轴插件,使用这些超棒的插件可以帮助你创建动感漂亮的时间轴展示,其中比较不错的插件如下:TimelineTimelinrTimergliderJSChronoline使用以上jQuery插件或者类库都可以创建漂亮的时间轴timli... 阅读全文

posted @ 2015-07-23 10:52 shirleyqin216 阅读(1491) 评论(0) 推荐(0)

如何哄好程序猿?
摘要:原文链接:http://www.gbtags.com/gb/share/5841.htm作为一名运营人员,老板让我往东,我是不能往西的。老板让我写一篇《如何哄好程序猿?》,我是没有理由拒绝的。我确实也没有拒绝,但在我询问了众多程序猿之后,我后悔了,我这辈子从未如此后悔过!我后悔走进了程序猿们的内心深... 阅读全文

posted @ 2015-07-23 10:47 shirleyqin216 阅读(212) 评论(0) 推荐(0)

[复仇者联盟]入会邀请
摘要:极客标签每天都在上演好莱坞大戏,帅哥美女齐聚一堂,每时每刻都有刺激泪腺、肾上腺、前列腺(。。。)的情节发生。最重要的是,我们有个炫酷的聚集地,叫:复仇者联盟。我们并没有电影剧情里刀枪不入、力量无敌、速度极快、擅长格斗的异能。掉入茫茫人海,我们也是让脸盲患者病症加重的路人甲和路人乙。那是什么成就了极客... 阅读全文

posted @ 2015-07-23 10:41 shirleyqin216 阅读(304) 评论(0) 推荐(0)

知道你们不想撸代码写PPT之可视化页面做一款炫酷的WEB PPT
摘要:在线演示1在线演示2在线演示3在线演示4在线演示5本地下载原文链接:http://www.gbtags.com/gb/share/5743.htm前段时间嘟嘟发布了一篇文章站在巨人的肩膀上——制作酷炫web幻灯片:http://www.gbtags.com/gb/share/5688.htm给人第一... 阅读全文

posted @ 2015-07-22 10:38 shirleyqin216 阅读(593) 评论(0) 推荐(0)

使用jQuery图表插件Sparklines来开发一个实用的网站PV(page view)实时监控应用
摘要:原文链接:http://www.gbtags.com/gb/share/5820.htm在线演示PS:数据有变动.大家看个原理就okay了~jQuery sparklines是一个jQuery的图表插件,可以帮助你快速构建行内的小图表,今天我们将使用Sparklines开发一个动态监视首页PV变化的... 阅读全文

posted @ 2015-07-22 10:32 shirleyqin216 阅读(724) 评论(0) 推荐(0)

javascript专业八级测试答案整理
摘要:完整内容参见原文链接:http://www.gbtags.com/gb/share/5839.htm前几天社区的群里森破发了一个这样的链接:http://ourjs.com/detail/52fb82e13bd19c4814000001做了一遍后突然对人生感到了迷茫,本着不能只有我一个人伤心的原则,... 阅读全文

posted @ 2015-07-21 11:52 shirleyqin216 阅读(512) 评论(0) 推荐(1)

使用Raphaël类库实现的超酷动画技能图表
摘要:详细内容参见原文:http://www.gbtags.com/gb/share/5828.htm在线演示在这篇文章中GBin1将介绍如何使用Raphaël这个js类库构建图表。Raphaël是一个非常小的js类库用于构建丰富的矢量图形。这个图形的创意非常简单,我们使用一些圆弧来展示一个技能百分比数值... 阅读全文

posted @ 2015-07-21 11:44 shirleyqin216 阅读(406) 评论(0) 推荐(0)

使用Javascript来创建一个响应式的超酷360度全景图片查看幻灯效果
摘要:在线演示1本地下载全部代码参见原文链接:http://www.gbtags.com/gb/share/5799.htm360度的全景图片效果常常可以用到给客户做产品展示,今天这里我们推荐一个非常不错的来自Robert Pataki的360全景幻灯实现教程,这里教程中将使用javascript来打造一... 阅读全文

posted @ 2015-07-20 15:39 shirleyqin216 阅读(728) 评论(0) 推荐(1)

极客编程小挑战#26:实现日期级联下拉选择框
摘要:详细内容请参见原文:http://www.gbtags.com/gb/share/5823.htm本期挑战:初始的html代码如下:年 月 日效果图如下:需求如下: “年”或“月”发生变化且为有效值时,“日”下拉选择框显示相应月份中的天数。 “年”下拉选择框为初始状态(即值为0)时, “月”、“... 阅读全文

posted @ 2015-07-20 15:32 shirleyqin216 阅读(826) 评论(1) 推荐(1)

jquery.validate.js【简单实用的表单验证框架】【进阶版】
摘要:这个是这个插件的官网和我找到的一个中文博客。(虽然插件的名字叫做jquery.validte.js,但其实,这个插件的名字叫jquery validation)。基础的用法可以去看冷子欲的文章或者上面的博客,我这里就不详细介绍了。首先最重要的一点,所有要验证的域都要在form里,同时这些域都要有na... 阅读全文

posted @ 2015-07-17 11:33 shirleyqin216 阅读(2744) 评论(0) 推荐(0)

做个简单的本地弹幕播放器
摘要:前言本文仅仅是做一个简单的弹幕播放器本文弹幕播放器仅仅是演示一下发送弹幕功能请跳转本文底部的在线调试代码进行调试最终实现效果如下:Okay.首先你得找到一个弹幕开源库就是这个啦:https://github.com/jabbany/CommentCoreLibrary其次你得准备好一个HTML文件 ... 阅读全文

posted @ 2015-07-17 11:29 shirleyqin216 阅读(1157) 评论(0) 推荐(0)

移动开发者们,是时候使用HTML5了!
摘要:Html5喊了好多年了,至今仍没有被大规模的使用。依然记得2012年参加HTML5梦工厂(现在叫iWeb峰会)去了好多人,当时天真的以为,Html5真的开始流行起来了,于是就在会场卖书的地方买了本Html5的书来学。后来,大家知道的,Html5都是不温不火,但是我却没有减少对其关注的热情。由于我一直... 阅读全文

posted @ 2015-07-16 12:04 shirleyqin216 阅读(243) 评论(0) 推荐(0)

介绍jquery.validate.js简单实用的表单验证框架
摘要:在线演示1本地下载最近在做用户登录、注册、以及用户中心...然后之前在慕课网学的jquery.validate用得着地方了,根据自己需求进行了细节修改,重要是样式方面吧。第一次发表这些,说得不好不要介意,开始吧。首先:$("#form").validate({ //在这里面编辑});验证的时候常常需... 阅读全文

posted @ 2015-07-16 11:50 shirleyqin216 阅读(408) 评论(0) 推荐(0)

基于Handlebars的最新版本实现Handlebars的预编译
摘要:至于Handlebars是什么东东,这里就不做过多解释,可以参照本站课程学习恶补。。。。Handlebars入门课程传送门http://www.gbtags.com/gb/gbliblist/7.htm今天我们着中讲下如何预编译Handlebars模板,众所周知,如果在运行时去编译一些东西是非常影响... 阅读全文

posted @ 2015-07-15 11:33 shirleyqin216 阅读(535) 评论(0) 推荐(0)

进度条&勋章】花了一小时你就找到这个东西还不错
摘要:引文:今天在GitHub上看见了这个东西卧槽!能不能不这么狂拽炫酷吊炸天的好看,不能忍.于是花了一小时找啊找啊找啊找.终于找到了如何生成和制作的.深夜1点赶来分享勋章:http://shields.io/进度条:https://github.com/fehmicansaglam/progressed... 阅读全文

posted @ 2015-07-15 11:27 shirleyqin216 阅读(480) 评论(0) 推荐(0)

gulp初印象
摘要:几个月前三木君向我推荐过gulp,到现在因为工作需要才接触到它,真的很惭愧,在此记录下对gulp的初印象。全局安装:$ npm install –global gulp一个gulpfile.js文件:这个文件需要在项目的根目录下创建。默认任务(什么也不做):var gulp = require('g... 阅读全文

posted @ 2015-07-14 12:17 shirleyqin216 阅读(149) 评论(0) 推荐(0)

jquery.validate.js【简单实用的表单验证框架】
摘要:在线演示1本地下载原文链接:http://www.gbtags.com/gb/share/5749.htm最近在做用户登录、注册、以及用户中心...然后之前在慕课网学的jquery.validate用得着地方了,根据自己需求进行了细节修改,重要是样式方面吧。第一次发表这些,说得不好不要介意,开始吧。... 阅读全文

posted @ 2015-07-14 12:13 shirleyqin216 阅读(224) 评论(0) 推荐(0)

velocity.js实现页面滚动切换效果
摘要:在线演示1在线演示2在线演示3在线演示4在线演示5本地下载原文链接:http://www.gbtags.com/gb/share/5650.htm页面滚动切换效果今天介绍一个Javascript的小型的动画插件velocity.js,可以方便高效的开发一个具有多页面滚动切换效果的网站。浏览器支持ve... 阅读全文

posted @ 2015-07-13 14:15 shirleyqin216 阅读(2765) 评论(0) 推荐(0)

站在巨人的肩膀上——制作酷炫web幻灯片
摘要:在线演示1本地下载你是否还在用ppt做一些毫无意思的幻灯片?你是否在做ppt的时候绞尽脑汁想把效果做的吸引大家?你是否想通过一次ppt吸引领导的注意?那好吧!来学学怎么制作一款炫酷的web幻灯片~ps:如果看到这里还不感兴趣就请先看看素材演示,这个演示是前些时候给组里新人介绍HTML5的时候自己做的... 阅读全文

posted @ 2015-07-13 14:08 shirleyqin216 阅读(227) 评论(0) 推荐(0)

简单说说随机打乱数组的方法
摘要:原文链接:http://www.gbtags.com/gb/share/5646.htm把一个数组随机打乱这个需求来源可能就是“洗牌”,所以我们常常称之为洗牌问题。这个问题实现并不复杂,有不少方法可以完成。与其他算法不同,洗牌问题不仅追求速度,还要求“洗得足够开”。今天只想写篇短的,只分享两种比较有... 阅读全文

posted @ 2015-07-06 12:11 shirleyqin216 阅读(717) 评论(0) 推荐(0)

JS数据结构之BinarySearchTree
摘要:原文链接:http://www.gbtags.com/gb/share/5592.htm之前zhou--hua分享了一个sort方法的详解,里面介绍了各种sort的方法,我觉得很有意义~一个好的开发还是需要知道一些重要的算法的。所以我就研究了二叉树BinaryTreeBinarySearchTree... 阅读全文

posted @ 2015-07-02 11:14 shirleyqin216 阅读(185) 评论(0) 推荐(0)

做一个extjs的扩展
摘要:原文链接:http://www.gbtags.com/gb/share/5600.htm最近真是忙啊忙,而且在用我最讨厌的extjs写东西···然而实在是忙得没精力做别的了,所以发一篇extjs相关的内容。总体来说extjs是一个不错的框架,用来做XX系统什么的非常的般配,只不过我讨厌他的编程方式,... 阅读全文

posted @ 2015-07-01 18:00 shirleyqin216 阅读(400) 评论(0) 推荐(0)

【OneAPM】极客编程挑战#025:发挥想象生成漂亮炫酷的SVG动画效果
摘要:活动链接:http://www.gbtags.com/gb/share/5610.htm本期挑战提供如下的SVG图形,请使用任何技术生成基于如下SVG图形的动画效果,看看谁设计的动画效果最酷 ~~ 如果对于SVG动画控制不太熟悉的朋友,请参考如下相关课程:常用的三种生成SVG图形动画方式提交方式... 阅读全文

posted @ 2015-07-01 17:54 shirleyqin216 阅读(335) 评论(0) 推荐(0)