轩枫阁

首页 / Web前端 / 授人以渔 / JQuery (第2页)

AJAX 技术分享

AJAX 在哪里?Where

无所不在的 AJAX。

  • 百度搜索框,智能补全
  • 微博搜索框,智能补全
  • 淘宝搜索框,智能补全
  • 百度相册,图片浏览
  • QQ 二维码登录

什么是 AJAX?What

网页中处理异步请求的技术。

  • AJAX 即 “Asynchronous Javascript + XML”,是指一种创建交互式网页应用的网页开发技术。
  • AJAX 是一种用于创建快速动态网页的技术。

查看全文

2014/12 10  周三

社交平台分享自定义javascript组件

前言

社会化媒体赋予了每个人创造并传播内容的能力。社会化分享量可以间接说明该页面内容受欢迎的程度,对用户筛选搜索结果能够起到很好的辅助作用。目前常用的社会化分享媒体主要有QQ空间、新浪微博、微信、腾讯微博、人人网等。

社会化分享简介

社会化分享,是指在中,基于其分享功能,将信息网络化输入输出,加速组织传播。博客、微博客、WIKI、博客、社交网络、内容社区等,是可以常见到的社会化媒体形式。在国内近两年,社会化分享的传播量又以QQ空间、新浪微博、腾讯微博势头最猛。

社会化分享工具

常用的社会化分享工具,都支持自定义按钮风格、代码嵌入等功能,使用起来简单方便。

推荐的有:

百度分享http://share.baidu.com/

加网http://www.jiathis.com/

自定义JS组件

简介

demo地址:http://xuanfengge.com/demo/201404/share/

Github地址:https://github.com/xuanfeng/sns_share

为何有了以上方便的工具,还要自己写组件呢?

  • 需要嵌入指定代码,打开页面时需要加载其他网站的资源
  • 可以自定义的分享的文字、图片
  • 支持微信(二维码)、新浪微博、腾讯微博、人人网、QQ空间

查看全文

2014/04 23  周三

PFold-实现纸张展开/折叠效果

前言

这是一个可以使得元素拥有像纸张一样的展开特效来显示更多内容的高度实验性jQuery插件。其中展开方向的步骤和数量都可以用参数指定。

简介

PFold是一个可以使得元素像纸张一样展开效果的高度实验性插件。一个元素使用3D效果来展开展示更多其他内容。这个效果的实现原理是,一个元素有许多层次的折叠,其中每展开一次。元素的高宽都成倍增加,所以可以模仿一张已折叠的纸张的展开效果。

有很多参数提供选择,如每个展开/折叠步骤的方向和步数。

对于不支持CSS 3D transforms 、 transitions的浏览器,这里会提供一个回调的方法,也就是直接显示大页面,没有过渡的效果。

Demo及源码

社招页效果

预览:http://xuanfengge.com/demo/201404/Pfold/

源码:https://github.com/xuanfeng/Pfold

浏览不同配置下的3个demos

查看全文

2014/04 13  周日

你2048了吗—开源HTML5游戏

前言

最近玩的根本停下不下来的游戏-2048,今天终于闯关成功~  就连2048的开发者都说自己还没达到2048的分数。

2048游戏源于IOS,现在安卓也有移植版本,该游戏借鉴了有名的手机游戏1024。

源码

https://github.com/gabrielecirulli/2048

试玩

http://xuanfengge.com/demo/201403/2048

玩法

游戏的玩法很简单,在4×4的棋盘上,用方向键选择数字移动的方向,遇到相同的数字就会合并,每次移动会增加一个数字。合并出2048就算通关。虽然简单,但是很有乐趣,被誉为“根本停不下来的游戏”。 查看全文

2014/03 29  周六

jQuery选择器详细解析

1. 基础选择器 Basics

名称 说明 举例
#id 根据元素Id选择 $(“divId”) 选择ID为divId的元素
element 根据元素的名称选择, $(“a”) 选择所有<a>元素
.class 根据元素的css类选择 $(“.bgRed”) 选择所用CSS类为bgRed的元素
* 选择所有元素 $(“*”)选择页面所有元素
selector1, 
selector2, 
selectorN
可以将几个选择器用”,”分隔开然后再拼成一个选择器字符串.会同时选中这几个选择器匹配的内容. $(“#divId, a, .bgRed”)

查看全文

2014/02 16  周日

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子