jQuery

这是西门需要的功能，西门目前是通过修改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

这2天在制作一个朋友的主题时遇到的一个需求：原博客的图片都是只有图片，图片没有加链接，只是希望图片宽度大于 680px 的自动缩为宽度 680px，然后点击此图片能展示原图大小。 “点击图片展示原图大小”一开始我考虑到用神马 lightbox、Thickbox 这些比较有名的图片灯箱效果，但由于原来的图片没有加链接，要改造这些插件/代码有点小麻烦，而且朋友说尽量简单，于是决定自己直接动手写一... read more

折腾多了，能折腾的就少了，很多东东用不到就不去折腾——懒人。不过昨天我稍微改了一下我的唠叨栏代码，效果没怎么变，只是改了实现方法。 这个方法貌似在其他主题看过类似的方法，方法1可以去我以前的文章《jQuery简单实现信息轮换显示效果（渐显渐隐）》看看。现在这个新方法实现鼠标停留停止轮换，离开继续轮换。当然这个大部分幻灯片都有次功能，我只是记录一下方法而已。 下面开始用... read more