本文说明了jQuery触发器插件实现的触发器效果。分享给大家参考，如下：

最近做了一个类似塔罗牌的翻牌效果，分享给大家。

运行渲染如下：

具体代码如下：

！doctype html html lang=' en ' head meta charset=' UTF-8 '/title flip/title style * { margin :0；划水：0；} .内容{ background:orange高度：300 px；margin:100px auto宽度width:200px}/style/head body div class=' content '/div/body/html script src=' http : jquery . min . js '/script script src=' http : jquery-ui . min . js '/script script src=' http : jquery . flip . min . js '/script script $(function(){ $()。内容')。单击(function(){ var _ this=$(this)；_这个。flip ({direction :' lr '，content : '，inverted content，inverted content，inverted content '，onend: function () {_ this。CSS({背景： '橙色，颜色： ')})；});});/script参数描述：

方向：翻转方向，共有4个值(tb、bt、lr、rl)，默认为tb

内容：设置翻转后容器中显示的内容，可以是文本、html甚至jquery对象

颜色：设置翻转容器的背景颜色

速度：设置转弯速度。值越小，速度越快

OnBefore:设置翻转前需要执行的操作

OnAnimation:设置翻转到一半时需要执行的内容。

设置翻转完成后需要执行的操作

PS:

Jqueryui需要加载核心和效果核心

官方网站地址：

http://lab.smashup.it/flip/

单击此处下载完整的示例代码。

更多对jQuery感兴趣的读者，请查看本网站主题：《jQuery窗口操作技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》。

希望本文对大家的jQuery程序设计有所帮助。