iteye_9685-CSDN博客

纯CSS仿windows系统loading效果

今天分享的css3案例模仿了window系统下的loading效果里面最关键的地方使用了css3 animation的delay属性以及贝塞尔曲线（cubic-bezier）的过渡效果，如下所示span[class*="l-"] { height: 8px; width: 8px; background: #fff; display: inline-block; margin...

2016-12-20 10:31:04 325

纯CSS实现3D按钮效果

今天分享一个用纯CSS实现的3D按钮。css巧妙利用了box-shadow来实现3D物体的立体感，当按钮按下的时候再去修改box-shadow和top值。让人感觉有一种按钮被按下的感觉。css代码非常少，如下所示a.css-3d-btn{ position: relative; color: rgba(255, 255, 255, 1); text-decoration: non...

2016-12-20 10:23:29 137

极富创意的3D文件夹切换效果

今天分享的是一个极富创意的文件夹切换效果。这个案例使用CSS 3动画实现了一个3D的平行六面体旋转效果。点击顶部的3个按钮可以旋转并切换。另外，每个六面体本身是一个文件夹，点击后可以展开查看里面的详情。这个案例的HTML代码结构清晰，方便学习和修改适用于各种信息展示的场景，如文章展示，公司案例展示，商品展示等在线演示源码下载...

2016-12-20 10:03:05 145

让ITEYE下雪！快圣诞节了，分享一个h5实现的下雪效果

今天分享的下雪效果用原生的javascript和canvas实现，比jquery插件实现的性能好很多了整个页面只需一个极小的js，不需要图片和额外的css更好玩的是，你可以通过把js链接保存到收藏夹的方式，让你访问的每个网站的页面也加上下雪的效果！没错，你还可以让ITEYE下雪：进入网站查看演示...

2016-12-05 00:13:25 374

H5实现的贪吃蛇游戏

游戏使用lufylegend.js开发，包含首次操作提示，各种状态的游戏图片和背景音效更重要的是在代码中支持替换所有游戏元素的图片，支持自定义游戏时间，游戏分值等，方便复用游戏初始化只需两行代码，可以在初始化方法中传入游戏结束后的回调方法try{ // 游戏初始化 gamepage.initGame(); // 开始游戏并且传入游戏结束后的回调方法 ...

2016-12-02 13:59:43 387

jQuery插件开发入门与最佳实践

开发jQuery插件的方法有两种，类级别的拓展和对象基本的扩展。一种是给jQuery类添加方法，类似静态方法，如$.AJAX另一种是给jQuery的原型链(jQuery.prototype == jQuery.fn)添加方法，简单的说就是扩展jQuery.fn这些基本知识作为前端都容易明白，但是网上的jQuery插件有千万种，每一个的具体实现方式都不一样，官方也没有一个完整详细的开发...

2016-12-02 13:55:25 111

原创 jQuery 简易实用banner轮播图

banner轮播图是几乎每个前端都会使用到的功能，无论你是自己用javascript写还是直接用jQuery插件，一定不会陌生。但是网上各种插件是五花八门，什么花俏的功能都有，但有时候我们只需要一个简单的，只包含最少功能的banner，却很难找到。一个好的插件应该是能快速学习并上手使用，而不是浪费程序员宝贵时间的，下面要分享的插件就是一个好例子。1、跨浏览器2、html代码整洁，...

2016-11-29 17:32:18 333

漂亮的jQuery黑色宽屏下拉导航菜单

这是一款基于jQuery的宽屏下拉菜单，菜单整体的外观呈灰黑色，显得非常冷酷和大气。下拉菜单的宽度与主菜单齐平，因此是属于宽屏的菜单。这款下拉菜单的另外一个特点是，子菜单允许使用图片，因此内容相对比较丰富。在线演示源码下载 ...

2016-11-29 17:32:01 489

SEO初体验

当你建立了一个网站或者个人博客之后自然而然会想要更多的人去访问，增加网站的流量，这个时候你会从各种渠道和资料中频繁的看到SEO这个词。打开百度搜SEO，发现里面充斥着各种教你如何快速提高网站排名的SEO办法，貌似按照他们的方法或者给他们一些钱之后你的网站就会“迅速”的排到搜索引擎的第一页。我承认我在刚开始学习SEO的时候也被各种快速提高排名的方法吸引了，于是上网搜寻各种神奇招式，这些招式...

2012-12-27 20:16:17 166

原创 jquery.ui.widget 工作原理分析

2012-02-07 17:15:55 253

原创 backbone.js 初探

什么是backbonebackbone不是脊椎骨，而是帮助开发重量级的javascript应用的框架。主要提供了3个东西：1、models(模型) 2、collections(集合) 3、views(视图)backbone.js文件本身很小，压缩后只有5.3KB，作为一个框架级别的核心JS文件，这个数字很可怕。除此之外，这个JS还必须依赖于另一个JS文件：underscore...

2012-02-03 11:19:19 298

原创从jquery的parseJSON方法了解JSON格式规范

最近做一个控件jqGrid，这个表格控件从后台获取数据使用的是jquery的.ajax()方法。我在后台返回一组字符串： "{"total":100,"rows":[{"cell":['0','电影_0'],"id":"0"},{"cell":['1','电影_1'],"id":"1"},{"cell":['

2011-05-25 11:02:20 91

OperaMasks在电子商务网站中的应用

1、互联网产品特点与OperaMasks的特性 OperaMasks作为一款Web应用开发框架已经在许多项目的开发实践中体现了其应用于IT系统的高效和敏捷。众所周知，“Web应用”或称“B/S系统”是一个相对广泛的代名词，小至一个公司内部的CRM、MIS等系统，大至一个互联网的大型网站都属于这个范畴。以CRM、MIS等为代表的系统可以归类为企业内部IT系统，这类系统通常...

2011-03-31 14:14:36 167

原创关于UI交互设计方面一些考虑的问题

UI设计是项目开发中很让程序员很头疼的一件事情，特别是多人同时开发而又缺乏UI设计师的情况下容易出现很多问题。因此在项目开始之前对以下问题进行规范统一可以省去后面很多麻烦。1、表格操作按钮的放置位置2、弹出层还是跳转页面3、页面之间如何跳转4、页面表单统一校验方式以及校验提示信息的出现方式和位置（side,qtip,none,under.....）5、AJAX请求处理进度提...

2010-10-27 15:34:42 153

原创 js随记

一、关于var spot={} 和 var spot= function(){} 的区别var dog={} 相当于创建一个空的Object对象： var dog = new Object() 下面这种定义方式：var Dog= function(name){this.name = name} 相当于定义一个叫做Dog的Class对象（实际在JS中...

2010-10-27 15:18:55 77

程序员健康之我见

视力下降、颈椎病、肩周炎、坐骨神经、腰间盘突出、质增生、腰肌劳损、手脚麻木发抖发冷、慢性胃炎....不知道从什么时候开始关注起程序员的健康问题，应该是当自己决定踏入这条不归路开始的。发现网上已经有很多人讨论这个问题了，某著名技术论坛上面博客排行榜第一名的不是什么niubility的技术类文章，而是教你如何保护视力的.这个现象其实也很容易理解，眼睛都瞎了你还怎么NB。里面还有很...

2009-01-14 16:03:20 90

基于URL实现权限控制

最近一直在做毕业设计的后台管理模块。很早以前就想写一篇关于权限控制的文章，苦于一直不理解如何用URL实现。以至于当初设计数据库和编写页面实现的时候都没有将权限的URL考虑进去，当时只想直接匹配权限的名称就可以了。直到前几天在JavaEye论坛上看到了一篇题为《一个简易实用的web权限管理模块的应用与实现》的文章才对基于URL的权限控制有了较深的认识。加上之前一直在用另一种方法来实现相同功...

2009-01-07 22:12:35 294

iteye_9685的博客