华丽的HTML5人物图片字幕特效

简明教程这是一款非常炫酷的HTML5人物图片字幕标题特效jQuery插件。此插件将任何图像元素转换为带标题的HTML图形元素。它内置了7种不同的图片字幕效果。当标题文字高于图片时，会出现滚动条显示多出来的文字。此图像标题效果使用Greensock动画库来制作动画。该插件适用于所有现代浏览器，某些效果将在IE8和IE9浏览器中回滚。它也适用于iPad等移动触摸设备，触摸图像时标题出现，触摸其他地方时隐藏。如何使用HTML结构图片标题效果可以直接用元素制作，也可以用HTML5元素制作：

复制代码CSS样式此特效中给出了最基本的CSS样式，您可以根据需要修改figurecaptions.css文件。初始化插件页面DOM元素加载完成后，可以通过以下方法初始化图片标题插件。$(function{$('selector').addCaption({//commaseparatedoptions})})配置参数图片上的字幕效果，以下是7种可用的字幕效果：“default”：遮罩层从上到下bottom底部向下滑动，标题从左向后滑出。“zoomin”：当鼠标悬停在图像上时图像被放大。“dualpanels”：遮罩层从上到下到中间关闭，然后出现标题。“dualpanels2”：遮罩层从左右向中间关闭，然后出现标题。"pushup"：图片稍微上推，图片标题从下方出现。“flipopen”：图像翻转，标题出现在图像下方。“flipreveal”：图像绕X轴旋转180度，然后出现标题。