标签 » jQuery

Let’s free of jQuery!

分类: 标签:‚  评论:12 12 评论

8月份时,断断续续把整个网站的 JavaScript 重写了一遍,原因很简单,自这个博客创建以来,一直都是依赖于 jQuery 库,随着 jQuery 库的愈发臃肿,以及自身对于 JavaScript 的日渐熟悉,摆脱 jQuery 的想法也越来越强烈了,于是终于在上个月,达成目标了。这里必须补充一下,Kayo 之所以想摆脱 jQuery ,原因有二: 一是因为 jQuery 的体积已经比较臃肿了,加载需时,对于移...

Read More –>

WordPress Ajax 评论分页

分类: , 标签:‚ ‚ ‚ ‚  评论:96 96 评论

在之前的文章中, Kayo 曾经介绍过如何在 WordPress 中实现 Ajax 文章列表分页,这里我再把 Ajax 在 WordPress 中的应用拓展一下——实现评论列表的分页。在评论较多的文章中,如果评论没有分页,文章页面往往显得过长,但如果使用 WordPress 自带的分页,这样在获取下一页评论时又要刷新整个页面,于是 Ajax 的评论分页便显得更具用户体验了,具体的效果可以看看本博的评论部分(建议可以到...

Read More –>

轻图床转移至 SAE 与优化瀑布流布局

分类: , 标签:‚ ‚ ‚  评论:42 42 评论

这两天把轻图床转移到新浪 SAE 了,原本所在的 VPS 速度太不给力了,而且常抽风,因此早就有转移的打算了,只是一直不舍 VPS 的自由,不过最近一天几抽,于是不再犹豫了,果断转移之。   转移至 SAE 后网站加载速度给力多了,稳定性也有了很大的保证!不过原本的域名没有备案,因此绑定到 SAE 后服务器线路走的是美国路线,不停的 502 ,只能使用 SAE 的二级域名。   欢迎各种围观:ht...

Read More –>

jQuery 弹簧式显示隐藏动画

分类: 标签:‚  评论:17 17 评论

弹簧式显示隐藏动画,听上去好像有点复杂,其实就是模拟弹球落地的效果,很久之前想到了,无奈当时 jQuery 以及 JavaScript 技术仍未学好,木有办法做出很好的效果。前些天突然又想做,便写出来了,先放上 Demo 。   Demo   看完 Demo ,应该放上代码了,在介绍代码前,给大家介绍一下 jQuery .animate 方法的 easing (过渡)参数, 相对于 styles,...

Read More –>

用 JavaScript 实现 jQuery 显示与隐藏动画

分类: 标签:‚ ‚ ‚  评论:11 11 评论

在 jQuery 中有 show(), hide(), slideDown(), slideUp() 等方法,能够以动画的形式显示或隐藏 DOM 元素。这一类的动画在页面交互中比较常用,这也是 jQuery 方便开发的地方之一,但如果只想使用这些动画效果而加载整个 jQuery 库那就有点浪费资源了,于是最近在折腾 JavaScript 的 Kayo 便尝试用原生的 JavaScript 实现这一类 jQuery 动...

Read More –>

jQuery 系列笔记目录

分类: 标签:‚ ‚ ‚  评论:19 19 评论

jQuery 系列笔记积累了几篇,为方便查找,整理了一个目录。 jQuery 系列笔记之前言 jQuery 笔记之一选择器 jQuery笔记之二 DOM 操作—美化 Title jQuery笔记之三事件和动画—仿登陆效果 瀑布流布局与 jQuery Ajax 分页 jQuery Ajax 分页 WordPress 版 ...

Read More –>

jQuery Ajax 分页 WordPress 版

分类: , 标签:‚ ‚ ‚  评论:46 46 评论

在新年前 Kayo 写了一篇文章介绍瀑布流布局及通用的网站 Ajax 分页方法,现在再介绍一下针对 WordPress 的 Ajax 分页。   Ajax 分页的原理就不在这里介绍了,有兴趣的童鞋可以参考 《瀑布流布局与 jQuery Ajax 分页》,下面开始介绍 Ajax 分页 WordPress 版。   一.加载 jQuery 库 既然是 jQuery 驱动的 Ajax ,加载 jQuer...

Read More –>

瀑布流布局与 jQuery Ajax 分页

分类: , 标签:‚ ‚ ‚  评论:61 61 评论

在 Kayo 的上一篇文章轻图床的新前端与瀑布流布局曾经简略介绍过瀑布流布局,所谓的瀑布流效果就正如轻图床首页效果那样,多个内容相近的栏目紧密排列,尽量使到栏目间的间隙最小(即流体布局),并且随着页面滚动条向下滚动,新的数据会追加至当前页面的尾部直到所有数据加载完毕(滚动触发的 Ajax 翻页)。本文将会介绍如何实现瀑布流布局中的 Ajax 翻页,至于如何实现栏目间的紧密排列,本文将会简略介绍但不在重要的讨论范围。 ...

Read More –>

jQuery Mobile 特性

分类: 标签:‚  评论:12 12 评论

因为平时关注 jQuery 的关系,百度新闻的“为您推荐”栏目推荐了我一篇文章,介绍的是 jQuery Mobile 1.0 的发布,jQuery Mobile 是一个基于 jQuery 的网页前端界面框架,它继承了 jQuery 轻量、方便、强大的特点,并且有着极好的移动设备支持。   jQuery Mobile 的特性 极好的跨平台支持 jQuery Mobile 支持各种平台,如主流的 Android...

Read More –>

WordPress前台调整字体大小

分类: , 标签:‚ ‚  评论:23 23 评论

很实用的一种效果,因为有童鞋需要,所以详细介绍一下!   首先放出效果图,其实就是 Melody 右下角的字体调整按钮。从左到右依次为字体缩小,还原默认字体,字体放大。   下面放出代码后大家就会发现代码量很少,并且已加上注释,很方便修改。   功能是用 jQuery 写的,因此需要加载 jQuery 库!之前有童鞋说加入代码后没有效果,可能是没有加载 jQuery 库的缘故,请确保主...

Read More –>

jQuery 实现 WordPress @回复 详解

分类: , 标签:‚ ‚  评论:38 38 评论

在回复时带有“ @ ”的功能大家应该不陌生了,在微博, BBS 中都可以见到“ @ ”的身影,连腾讯的 Qzone 也加入了“ @回复 ”的功能。的确,“ @回复 ”使到回复的对象更加清晰了,对于多重回复效果更加明显。   但是, WordPress 的评论模板中并没有自带这个功能,因此我们需要手动添加进去,其实这个功能在 WordPress 中已经比较流行了,不少主题中都带有这个功能,实现的原理也有多种,...

Read More –>

为 WordPress 添加 Ctrl+Enter 快捷回复

分类: , 标签:‚ ‚ ‚  评论:65 65 评论

最近,有些童鞋反映希望 Melody 能添加一个使用 Ctrl+Enter 进行快捷回复的功能。的确,在各大论坛以及我们常用的 QQ 上,都是使用 Ctrl+Enter 快捷键进行回复的,但因为 Kayo 并不常常使用这个功能,因而并没有添加这个功能到 Melody ,而今天心淡若水童鞋再次提醒 Kayo 需要这个功能,于是我马上添加这个功能到 Melody 。   这里送上两种方法,首先是 jQuery ...

Read More –>