`
weakfi
  • 浏览: 96974 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论
文章列表
今天分享的css3案例模仿了window系统下的loading效果里面最关键的地方使用了css3 animation的delay属性以及贝塞尔曲线(cubic-bezier)的过渡效果,如下所示 span[class*="l-"] { height: 8px; width: 8px; background: #fff; display: inline-block; margin: 12px 2px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: ...
今天分享一个用纯CSS实现的3D按钮。css巧妙利用了box-shadow来实现3D物体的立体感,当按钮按下的时候再去修改box-shadow和top值。让人感觉有一种按钮被按下的感觉。css代码非常少,如下所示 a.css-3d-btn{ position: relative; color: rgba(255, 255, 255, 1); text-decoration: none; background-color: rgba(219, 87, 51, 1); font-family: "Microsoft YaHei", 微软雅黑, 宋体; ...
今天分享的是一个极富创意的文件夹切换效果。这个案例使用CSS 3动画实现了一个3D的平行六面体旋转效果。点击顶部的3个按钮可以旋转并切换。另外,每个六面体本身是一个文件夹,点击后可以展开查看里面的详情。这个案例的HTML代码结构清晰,方便学习和修改适用于各种信息展示的场景,如文章展示,公司案例展示,商品展示等      
今天分享的下雪效果用原生的javascript和canvas实现,比jquery插件实现的性能好很多了整个页面只需一个极小的js,不需要图片和额外的css更好玩的是,你可以通过把js链接保存到收藏夹的方式,让你访问的每个网站的页面也加上下雪的效果! 没错,你还可以让ITEYE下雪:
游戏使用lufylegend.js开发,包含首次操作提示,各种状态的游戏图片和背景音效 更重要的是在代码中支持替换所有游戏元素的图片,支持自定义游戏时间,游戏分值等,方便复用 游戏初始化只需两行代码,可以在初始化方法中传入游戏结束后的回调方法 try{ // 游戏初始化     gamepage.initGame(); // 开始游戏并且传入游戏结束后的回调方法     gamepage.startGame(function(score){         alert('游戏得分'+score+"\n"+"更多H5资源->ww ...
开发jQuery插件的方法有两种,类级别的拓展和对象基本的扩展。 一种是给jQuery类添加方法,类似静态方法,如$.AJAX 另一种是给jQuery的原型链(jQuery.prototype == jQuery.fn)添加方法,简单的说就是扩展jQuery.fn 这些基本知识作为前端都容易明白,但是网上的jQuery插件有千万种,每一个的具体实现方式都不一样,官方也没有一个完整详细的开发文档。 本人在近几年搜集了外国人写插件推荐的方法,结合自己的经验总结了一套最佳实践,仔细看大部分外国的jQuery插件里面的实现逻辑都基本遵循这些方法。 文档是采用deck.js编写的web ppt ...
banner轮播图是几乎每个前端都会使用到的功能,无论你是自己用javascript写还是直接用jQuery插件,一定不会陌生。但是网上各种插件是五花八门,什么花俏的功能都有,但有时候我们只需要一个简单的,只包含最少功能的banner,却很难找到。 一个好的插件应该是能快速学习并上手使用,而不是浪费程序员宝贵时间的,下面要分享的插件就是一个好例子。 1、跨浏览器 2、html代码整洁,没有多余标签 3、插件代码压缩有只有3kb,无论是用来学习还是使用都没有太大压力 4、只需要通过添加jQuery其他插件的方式就可以动态支持移动端滑动事件或者5、响应键盘事件。
这是一款基于jQuery的宽屏下拉菜单,菜单整体的外观呈灰黑色,显得非常冷酷和大气。下拉菜单的宽度与主菜单齐平,因此是属于宽屏的菜单。 这款下拉菜单的另外一个特点是,子菜单允许使用图片,因此内容相对比较丰富。   在线演示
  当你建立了一个网站或者个人博客之后自然而然会想要更多的人去访问,增加网站的流量,这个时候你会从各种渠道和资料中频繁的看到SEO这个词。 打开百度搜SEO,发现里面充斥着各种教你如何快速提高网站排名的SEO办法,貌似按照他们的方法或者给他们一些钱之后你的网站就会“迅速”的排到搜索引擎的第一页。我承认我在刚开始学习SEO的时候也被各种快速提高排名的方法吸引了,于是上网搜寻各种神奇招式,这些招式都被江湖人称“黑帽SEO”,恨不得马上就有一个自己的网站去试验一下这些方法,恨不得明天就能看到自己的SEO成果。 当然,我终究还是一个正派的人,在冲动过后不断的反思什么才是SEO的本质。稍微学过SEO ...
  /*! * jQuery UI Widget 1.8.15 * $Id: jquery.ui.widget.js,v 1.3 2011/12/06 07:19:29 licongping Exp $ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Widget */ ...
  什么是backbone backbone不是脊椎骨,而是帮助开发重量级的javascript应用的框架。 主要提供了3个东西:1、models(模型) 2、collections(集合) 3、views(视图) backbone.js文件本身很小,压缩后只有5.3KB,作为一个框架级别的核心JS文件,这 ...
最近做一个控件jqGrid,这个表格控件从后台获取数据使用的是jquery的.ajax()方法。 我在后台返回一组字符串:   "{"total":100,"rows":[{"cell":['0','电影_0'],"id":"0"},{"cell":['1','电影_1'],&quo ...
  1、互联网产品特点与OperaMasks的特性     OperaMasks作为一款Web应用开发框架已经在许多项目的开发实践中体现了其应用于IT系统的高效和敏捷。众所周知,“Web应用”或称“B/S系统”是一个相对广泛的代名词,小至一个公 ...
UI设计是项目开发中很让程序员很头疼的一件事情,特别是多人同时开发而又缺乏UI设计师的情况下容易出现很多问题。因此在项目开始之前对以下问题进行规范统一可以省去后面很多麻烦。 1、表格操作按钮的放置位置 2、弹出层还是跳转页面 3、页面之间如何跳转 4、页面表单统一校验方式以及校验提示信息的出现方式和位置(side,qtip,none,under.....) 5、AJAX请求处理进度提示信息的出现方式和位置(Loading) 6、当表单填写信息量大的时候在确认保存之前应该提供信息确认步骤(需要页面跳转)还是在本页提供预览功能 7、统一模板文件和CSS样式 8、操作成功后提示页面 ...
一、关于var spot={} 和 var spot= function(){} 的区别 var dog={}    相当于创建一个空的Object对象:   var dog = new Object()     下面这种定义方式: var Dog= function(name){this.name = name}   相当于定义一个叫做Dog的Class对象(实际在JS中 ...
Global site tag (gtag.js) - Google Analytics