WordPress

Responsive Table脚本

responsive-table

如果你的网站大量使用table显示数据,想在移动设备上获得好的浏览效果,不妨试试Responsive Tables这个脚本,它可以让很宽的table在有限区域内通滚动条滚动显示。

Read More
WordPress进阶教程

如何在WordPress中使用shadowbox

shadowbox效果——在灯箱中打开一个网页

Shadowbox是一款非常灵活的灯箱效果jquery插件,可以集成到WordPress中取代WordPress默认的thickbox,实现gallery特效,灯箱效果打开外部页面等效果,本文介绍如何简单的将Shadowbox集成到WordPress中。

Read More
WordPress进阶教程

创建WordPress后台选项界面(五)—— 在后台使用Ajax

WordPress进阶教程

依然以CC Comment插件为例,展示如何在WordPress后台使用Ajax。CC Comment插件允许在后台设置->常规选项卡中填写抄送的邮箱,现在要使用Ajax方式验证填写的邮箱是否合法。

步骤概述:

  • 创建验证email的功能
  • 创建以Ajax方式发送数据的脚本,写在外部js文件中
  • 引入外部js文件
  • 注册Ajax的action和callback

功能描述:

在设置->常规中填写CC Comments的抄送email时,当鼠标点击到input之外的地方,就会开始验证,验证时先显示Checking email…,如果验证成功则显示Email OK,一切过程不需要刷新页面

检查email

Read More
WordPress

FitVids.JS —— 让视频响应屏幕尺寸变化

使用Android手机查看的效果

在制作快速响应式网站时,文字、图片等元素都可以很容易的响应屏幕尺寸的变化,唯独视频比较麻烦。比如通过embed方式加载优酷、土豆甚至YouTube视频时,使用max-width:100%的方式不能保证视频在任何设备上都能跟随屏幕尺寸缩放,这时可以借助js脚本来实现,这就是今天要介绍的FitVids.JS

Read More
WordPress

如何使用WP Pointers在WordPress后台显示提示信息

wp-pointers

WordPress Pointers是WordPress 3.3引入的新特性,顾名思义,这是一种tooltip,带有箭头,可以实现指向一个位置,显示一些提示信息的效果,这种效果在微博等应用中很常见。WordPress后台对新手而言不是一般的难以理解,有了这种带箭头的提示框,就可以更好的引导用户学习使用某些功能。

Read More
Javascript

jQuery Mega Menu集合

Css Mega Menu

Mega Menu是多栏下拉菜单,通常下拉菜单只显示一栏,如果项目多了就会很长,Mega Menu下拉列表中将菜单显示成多栏,可以有效的利用空间,Mega Menu效果请参考本站导航菜单。

jQuery Mega Menu 1

jquery mega menu

Read More
Javascript

11个Coverflow特效脚本

coverflow

Cover Flow是一个可经由唱片封面形象化地翻查一个数位音乐资料库的三维图形用户界面,被用于苹果Itunes、Iphone等产品中,本文收集了一些可以实现Cover Flow特效的脚本,虽然严格意义上讲,有些脚本并不是真正的coverflow效果,coverflow的一大特点就是非居中的图片要旋转一定的角度,用CSS3特效可以实现,但并非所有浏览器都支持这些特效。

Read More
Javascript

14个jQuery Carousel特效插件

Elastislide

本文收集了一些常见的jQuery Carousel特效插件,基本具备多个图片横向(或纵向)滚动特效,不同于slideshow,具有方向导航或者平滑导航条,有些还支持鼠标滑过时滚动功能。这些特效都可以轻松融入到WordPress主题中,他们共同的特点是清晰的HTML结构、规范化的脚本和易懂的初始化代码。

Read More