JQuery 学习笔记之:为附件添加个性图标 

之前写过利用CSS的选择器实现《为不同类型的附件添加个性图标》,效果理想,唯一遗憾的就是IE6下无效。关注小站的童鞋都了解,小弟这几天都在死命的折腾jQuery,所以今儿来个jQuery版的,而且完美兼容各大浏览器哦! 效果演示:.doc,.pdf,.7z,http://www.rayfile.com jQuery代码:   $("a[href$=.doc]").addClass("doc"); //对a标签内href属性中以“.doc”结尾的,为其添加CSS类class="doc"   $("a[href$=.pdf]").addClass("pdf"); //同上   $("a[href$=.zip],a[@href$=.7z]").addClass("zip"); //对a标签内href属性中以“.zip”或“.7z”结尾的,为其添加CSS类class="zip"   $("a[href^=http://www.rayfile.com]").addClass("rayfile"); //对a标签内href属性中以“http://www.rayfile.com”开始的,为其添加CSS类class="rayfile"

JQuery 学习笔记之:美妙的标题提示 

又一依样画葫芦整合到小站的功能,参考资料:《Sweet Titles for jQuery》,本站效果图: 该特效“不但可以让你的 title 提示效果变得美观,而且可以显示出你将要点击的链接的 url,让用户知道自己将要去哪里”,能不能明显提升了用户感受得用户说了算,但我可以肯定的是这绝对能吸引用户的眼球!

JQuery 学习笔记之:关闭/显示 WordPress侧边栏 

这回标题说得很清楚了,就是利用 jQuery 在 WordPress 上的一个应用,什么应用呢?就是关闭或者显示侧边栏。(点击此页面导航最右边,试一试?) 默认显示侧边栏,点击导航最右的“关闭侧边栏”,右侧侧边栏消失,左侧文章主体部分完全显示,并且导航内的文字变为“显示侧边栏”,点击则过程相反。整体效果明显,就是在IE下,经过这样过程后侧边栏内的文字杯具了……

JQuery Adding…… 

对主题一直追求原生简洁快速,几周前再三考虑是否加上Willin大师的《WordPress Ajax comments》,终于在强大的功能和效果下,我从了它!之后,我一直在琢磨给小站加上更多的应用jQuery的特效,可不能单单为一个Ajax评论提交就加载好几十KB的它,这也太奢侈了! 这回三休日(别羡慕~),也看了些文章,也给小站加了些新的应用: 1. 《不用插件解决Picasa图片不能显示的方法》 由于众所不周知的原因,天朝把Picasa给墙了,至今仍在墙外。不过上有墙下有洞,咱们就利用Google App Engine来给墙开个门!开门具体方法见上文,简单来说就是在GAE上放个代理程序,然后加段jQuery代码让页面内所有图片链接通过代理访问,既然是GG的,速度和稳定性当然没问题! 这样我就又可以进后台把——PIKA插件给禁用了!