jQuery

前几天去 Kayo 那，看到他翻译的《50 jQuery Snippets That Will Help You Become A Better JavaScript Developer》很有收藏价值，故转载过来。好久没转载文章了，撒花~ jQuery 常用代码片段 转载自：《jQuery 常用代码片段》 PS：代码木有全部验证，不敢保证 100% 正常工作 jQuery 嵌套的过滤器 过滤器可以有效对结果集就行过滤，最终得到我们想要的结果。例如下面代码就把结果集中包含... read more

前年（时间好快过）我写了一篇《代码实现WordPress归档页面模板[速度很快]》，之后我的博客归档页面就一直使用文章所说的方法至今。其实这个方法里面的数据是直接使用 SQL 语句实现调用的，WordPress 官方不提倡直接使用 SQL 语句实现。今天在制作一个主题时，突然就想尝试下用 WordPress 原生函数来实现归档页面的内容调用。 经过测试，我使用了 WordPress 推荐的 WP_Query() 函数来调用... read more

这是西门需要的功能，西门目前是通过修改WordPress源文件实现的，但他希望用WordPress函数的钩子来实现，不过今天下午我看了下标签云（标签列表）源代码，木有适合的钩子来改变输出数据（我看了源码后觉得是这样，或许有其它办法），函数只提供了2个钩子，一个是标签类别，一个是整个函数钩子…… 不过，在讨论+测试过程中我发现标签云列表本身就有“鼠标悬停显示当前标... read more

有时我们会有这样的需求：让图片显示在固定大小的区域。如果不考虑 IE6 完全可以使用 css 的 max-width 限制宽度自动按比例缩小显示，但是这样有个问题，就是如果按比例缩小后，图片高度不够，那么就很难看了。 举例来说 第一种情况：如图片大小为 600×350，显示区域大小为 200×140，如果图片根据目标宽度（200）按比例缩放后大小变成 116，那么显示在 200×140 就会很难看。如下图左 第... read more

今天又一个朋友问起“怎样让评论作者的网址链接在新窗口打开？”，我回说有3种常用方法：1. 修改WP源文件 wp-includes/comment-template.php 里面的 get_comment_author_link 函数 2. jQuery方法 3. WP函数hook方法 那位朋友最后选择了修改WP源文件，因为我刚好在忙暂时提供不了WP函数hook方法给他。 刚才吃完晚饭想了一下，我忘了我自己一直使用的是 jQuery 方法，而hook WP函数方法竟然... read more

“老汉推车”效果，是xx黑缎 schiy 给我主题头部的公告栏/唠叨栏轮换效果起的名，我也在《IE9、FF4、zSnos-private和zShowBox》这篇文章提到过。 这个算是用普通的 jQuery 轮换效果（也称走马灯）想到的一个“变形”效果，或者说是“合作”效果，就是把搜索框加个ooxx动作来配合轮换效果，算是 idea 原创吧 当时刚换上时就有很多朋友要求共享这段代码，其实不复杂，懂点 jQuery 的朋友很容... read more

前几天的 zShowBox v0.3 功能非常单一：单张图片放大。有几个朋友希望有上下张图片点击功能，今天稍微有点时间就加上试试，比原来的代码量增加了 1.1k 左右，算了，4.3 k也不算很大了，因为里面有 css。 zShowBox 0.4 by ZWWoOoOo (http://zww.me) Copyright (c) 2011 ZWWoOoOo MIT-style license =============== Demo: ---------------- Demo / 我博客有图片的文章 Download: ---------... read more

自从上次折腾了《图片放大展示zShowBox“草”代码》后，我的博客就用上了改进后的 zShowBox，本来打算是兼容 IE6 的，但是要兼容 IE6 代码多了三分之一，加上想到微软自己都在为 IE6 倒计时，所以决定放弃 IE6 的兼容。 因为这类效果的插件、代码很多，而且效果很赞，也很小巧。不过用自己折腾的代码还是比较有成就感的，所以即使我折腾的 zShowBox 效果很“土”很普通、名字起的也非常庸... read more

这几天在写一个导航菜单的 jQuery 效果，简单来说就是主菜单鼠标 hover 时向上拉并淡入弹出子菜单，但是主菜单有8个，前面的4个要 float:left，后面4个要float:right。这时要给后面4个主菜单在子元素ul加个class（如oo），而且要这个ul下的li加另外一个class（如xx），用jQuery来实现。 …… 还是用图片来说明吧…… 一、菜单样式、 html 结构 + 说明 + 折腾过程 菜单需求效果图 html结构... read more

如果是IE7以上、chrome、firefox、opera、safari可以用max-width和height:auto就行了，可惜国内杯具，IE6 的使用者还不少（当然，我自己的博客主题就懒的理 IE6 了）。 这也是朋友的需求，貌似网上有很多种方法，有js实现的、有php实现的，因为朋友的主题本身用了 jQuery库，所以我自己想想还是用 jQuery 来实现吧。 折腾了好一阵才搞定，主要是忘了兼容 IE6 了，然后为了兼容即将死亡的 ... read more