Tag Archives: jQuery

常见网页选项卡 tab 的制作代码及优化小建议

选项卡(Tab)起初似乎是做为控件被封装到图形用户界面元素中的一个组件,在应用程序中选项卡式界面可以大大的节省界面空间进而使一组类似的功能选项变的井井有条,目前主流的各种网页浏览器均已采用选项卡式页面浏览另外还有被微软大量运用在新版办公软件(Office)及操作系统(Windows)中的 Ribbon 控件核心也是选项卡式的设计,当然在网页中使用选项卡的例子更为常见如淘宝(TaoBao)的搜索框及右边栏就大量使用了选项卡式结构从而节省了近三倍页面空间,所以对于选项卡式网页的制作也是我们最基本需要掌握的… Continue reading

【Drupal】用 jQuery 过滤 Drupal Term 术语输入框中的中文逗号

在 Drupal 中被用于分类的 taxonomy 术语表输入框在自由标签模式下默认会使用 “英文逗号” 来分割 term 术语信息,但这点会极其不方便我们的中文用户,在默认场景下会需要在输入每一个中文术语后,切换输入法到英文来输入一个逗号,然后再切换回中文继续输入下一个术语。在我的一个 Drupal 项目初期编辑们居然都是一次输入多个英文逗号,然后使用方向键调整光标来输入一个个术语,直到我发现了这个问题并提供了以下两行非常简单的 jQuery 代码大大方便了我们的用户录入信息…… Continue reading

【jQuery】网页标签属性中含有 tab 跳格符将导致 jQuery 选择器失效

在 XHTML 代码标签(如 DIV 等)的类 class 中包含多个值时如果以 tab 跳格符分隔虽然在 css 中可以被正确识别但将可能导致 jQuery 的选择器失效。发现这个问题是在制作 Drupal 的节点模板中根据条件为 div 添加额外的 class 时发现的。 Continue reading

为 WordPress 主题增加 jQueryTools 支持

用的越多越发现 jQueryTools 是一个非常不错的 jQuery 附加库,如同其官方网站所描述的 “The missing UI library for the Web” 仅仅整合了网站前端中常用的一些功能,于是忍不住想拿来替换掉本站 nan.im 目前使用的 jQuery + swfObject + LightBox 形式的库,这样将大大利于未来扩展一些功能及应用。下面将提供一些代码帮助给主题模板添加 jQueryTools 支持。 Continue reading

【jQuery】如何去掉点击链接或图片时的虚线框

在浏览器中点击一个链接的时候会出现一个虚线框,通常情况页面会跳转我们不必在意,但如果仅仅为了触发一些动作如 AJAX 又或者被点击的是非矩形图片,那这个虚线框就有些影响视觉效果了,这里介绍一个小技巧,使用 jQuery 来方便的去掉链接或图片链接及按钮在被点击时候出现的虚线框,具体代码如下。 Continue reading

【jQuery】使用 js & jQuery 控制链接在新窗口 _blank 打开

既然 W3C 严格标准将 target=”_blank” 属性剔除,原因是 W3C 认为未经用户同意就打开新窗口是一种不礼貌的行为,容易破坏用户体验。那么问题来了,如何能即符合 W3C 严格标准又能使页面在新窗口打开呢?按 W3C 的意思是为需要弹出新窗口的 a 链接标记添加一个 rel=”external” 属性,或许等这种标准普及以后可以通过浏览器设置是否弹出包含有 rel=”external” 属性的链接,不过目前的情况是用户希望浏览器拼命的屏蔽各种弹出广告而同时 target=”_blank” 又是我们需要的属性,具体代码可按以下方法书写……

Continue reading

【手册下载】网站网页开发常用参考手册下载

无论从事网站前端还是后台开发,都会有一些参考手册如 CSS 手册 PHP 手册 jQuery 手册等等,这里提供了一些网上收集整理得非常不错的开发手册,格式主要是 CHM PDF 等,其中大部分手册可以直接从我的 SkyDrive 下载,其他有提供高速下载的资源则放上链接。另外我也有提供网站及网页开发常用的工具下载,请访问“网站开发工具下载”获得……

Continue reading

【jQuery】智能自动调整 WordPress 边栏高度

在 WordPress 中由于边栏小工具(widget)的引入使我们配置边栏区块内容变得非常方便例如:放置广告谷歌小工具放置腾讯滔滔、等等各种小工具,但随着小工具的增多,边栏也逐渐变得比正文更高,特别是如果摘要列表页只有一篇文章的时候,整个页面会被撑开实在有损美观,这里有一句基于 jQuery 的代码可以在边栏超过主体内容的时候动态删除最后一个小工具达到页面平衡的目的……

Continue reading

修改 WordPress 主题原生支持 LightBox 和 TagCloud 无需插件

目前本博所用的模板还是半年前从 zblog 转到 WordPress 时自己做的,当时做成以后一直没有怎么修改过,也装了不少插件结果页面打开速度就越来越慢,今天花了一些时间暂时把比较有用的 LightBox 和 TagCloud 直接整合到了模板中,这样可以少装两个插件了,因为一些定制的属性可以直接写模板里面不用存数据库,整合之后效果还是相当明显的:

修改之前的首页加载时间 7s 页面大小 215kb 左右;修改之后的首页加载时间 5s 页面大小 133kb 左右。

目前使用 YSlow 测试按照小型网站及博客标准(Small Site or Blog)可以得到 Grade A 相当不错了,如果将 TagCloud.swf 压缩并使用 GoogleAPI 加载 js 的话理论上页面加载速度还可以更快,暂时还是这样吧,由于浏览器缓存原因页面上的部分内容可能显示错误,建议使用 Ctrl+F5 重新加载一次本站页面更新浏览器缓存。

Continue reading