今天给大家介绍一下 wordpress用到的js效果库 1.fat.js实现颜色的渐变效果 首先包含fat.js文件，只要在你要实现效果的元素上加上class=”fade-FFFF33″形式就可以了。FFFF33是开始的颜色，会从这个颜色渐变到元件的背景色。 2. dbx.js 轻松实现div层拖动效果 只要包括dbx.js文件后，对层设置class=dbx-box,dbx-handle就可以了，具体请参考 http://www.brothercake.com/site/resources/scripts/dbx/ 上面两个是之前都没见过的，很实...
WordPress的文章页页有实现上一篇下一篇的功能函数，不过我们想在单页page.php里面实现上一页下一页的功能，previous_post_link()和next_post_link() 函数还不能完全满足我的需要，所以就自己写函数实现。 页面有分级功能，需求是按 menu order 排序的子级页面之间有上一篇、下一篇链接，如: Themes（父级页面） ---- zBench（子级页面1） ---- zBorder（子级页面2） ---- zSofa（子级页面3） 如果当前页面是 zBorder，那么就要上一...
在 wp-includes/js/thickbox/thickbox.js 大概39行的function tb_show(caption, url, imageGroup)中，添加如下行(粗体红色字代表新添加的代码) 代码如下: function tb_show(caption, url, imageGroup) {//function called when the user clicks on a thickbox link try { /// 代码省略。。。 TB_NextHTML = ""; TB_imageCount = ""; TB_FoundURL = false; ////// 打开新窗口显示原图 TB_OpenNewHTML = ""; if(imageGroup){ /// 代...
以wordpress 3.0.2为例，打开 wp-includes/js/thickbox/thickbox.js，找到以下代码行： 代码如下: jQuery("#TB_window").append("" + 大概在135行，// End Resizing 下面，修改其中的 id='TB_ImageOff' 为 id='TB_nextImage'， 然后在该行下面不远处的if (!(TB_NextHTML === "")){}中添加： 代码如下: jQuery("#TB_nextImage").click(goNext); 放在 jQuery("#TB_next").click(goNext); 下一行即可。 更新: 突然发现忘改链接的t...
冬天到了，很多的博客空间都加了雪花的效果，于是去看了看他们的效果实现。有好几个效果代码，就拿过来了，有需要的朋友可以拿过去试试看。 雪花大图片：效果代码一(function() { function k(a, b, c) { if (a.addEventListener) a.addEventListener(b, c, false); else a.attachEvent && a.attachEvent("on" + b, c) } function g(a) { if (typeof window.onload != "function") window.onload = a; else { var b = window.onload...
导航菜单 导航菜单早已 "深入民心", 在博客上的应用日益重要且多样. 从本文开始, 我将开展几个关于 WordPress 导航菜单的话题, 讨论如何在 WordPress 上使用和加强导航菜单, 话题间有一定的承接关系, 难度也会逐步增加. WordPress 上的导航菜单一般有两种, 页面导航菜单和分类导航菜单. 可曾记得? WordPress 是可以撰写独立页面的, 页面导航菜单就是以首页和各个独立页面组成的菜单. 而分类导航菜单则是以首页和各个分类组成的菜单...
comments-ajax.js在cdn缓存后，很多人遇到无法（使用ajax）回复的问题。对此，我之前的做法只是禁止cdn缓存此文件，便不作他想。 其原始解决办法是，在comments-ajax.js中的后面：var i = 0, got = -1, len = document.getElementsByTagName('script').length; while ( i 添加：js_url = js_url.replace('CDN地址','你的域名');这样就可以解决这个问题了。 举个例子就是：js_url = js_url.replace('jb51.b0.upaiyun.com','jb51.net...
在 WordPress 中加载脚本（为 CSS 和 JS，下同）文件，大多数人的做法是直接在 header.php 文件中添加 link 标签，或者把 link 标签通过 wp_head 钩子直接添加到 head 标签里，这种做法是不符合官方规范的。 标准的脚本加载方式应该是使用 WordPress 官方提供的函数（后边会说），统一标准有几个好处，首先就是更加安全和利于管理，其次是更加的方便快捷，而且不仅主题能挂载脚本，插件也可以，并且还能管理脚本，并且调整挂载顺序...
网上诸多写怎么在 WordPress 中整合谷歌自定义搜索的文章，但很少有提到如何整合v2版代码的，今天通过实测来给大家讲解一下，如何实现在 WordPress中整合谷歌自定义搜索的。 获取谷歌自定义搜索代码 进入http://www.google.com/cse/ 谷歌各系列账号都是通用的， 所以如果你有gmail的话你就可以顺利进入这个自定义搜索的系统 一系列的注册、登陆你就进入到了 cse 主界面了，网速有时候会些许蛋疼的慢，所以大家要有耐心。 进入主界面...
在评论者输入邮箱后，异步获得评论者的头像并显示出来，个人感觉这个功能虽不能给用户体验带来多大的提升，也不算是一个实用的功能，但至少很炫，看到有的网站有添加这个功能，我也不甘寂寞所以也写了个脚本，没有时间做封装，所以直接上原理和代码。 异步动态调用头像原理获得用户输入过滤用户输入传递变量到后台后台处理数据，并返回头像的HTML代码获得后台返回数据，将HTML代码加载到当前页面貌似很多步骤，其实很简单，我们只要...
根据鼠标悬停显示、隐藏，回复和引用按钮 思路及原理 原理嘛很简单，如果你阅读过一页或者两页甚至更多页 Jquery 手册的话， 那么下面的原理解释你肯定能看懂，否则请跳至代码实现区域阅读。 思路很简单， 将回复、引用按钮放置在你想要的地方，CSS 样式设置 display:none; 绑定Jquery中的hover动作到你想要鼠标悬停后显示按钮的区域 是不是很简单？要是我以前写博客肯定会就此结束， 好吧，既然授人鱼那么继续……. 特效的代码实现...
get_current_screen() 函数是一个我们很少用到，但却超级实用的一个函数，如果你正着手于制作一个主题，却不知道文档应该放在哪里的话，那你应该看一下这个从 WordPress 3.0 才开始有的函数，该函数允许我们获得一个 WP_Screen 对象，并使用该对象的成员方法在后台里面加挂我们自定义的一个帮助菜单(该功能在，3.3版后得到完善)。 如果你不喜欢将 WordPress 研究的太透彻的话，那你现在就可以拿着酱油瓶，向前打酱油去了。 引言 首...
一直对 WordPress 的 Ajax 交互研究感兴趣，也一直很关注于这方面的技术，谈到 WordPress Ajax 就不得不谈到评论 Ajax提交，作为一个博客、论坛评论的 Ajax 提交不仅可以改善用户体验，还可以大幅缩减服务器开支，毕竟输出单条评论内容比重新组织输出一个页面要简单的多。 虽说现在访问量一直比较低，不存在服务器压力的问题，但一向注重用户体验的我，当然不能放弃这么一个提升用户体验的机会。今天抽了一下午的空，把这个主题的 ...