🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

imageTitle is a simple lightweight jQuery plugin helps you create customizable image caption hover effects that appear on rollover.

image-caption

Documentation

dialog

一个显示图片标题和详情的插件。

插件介绍:鼠标滑动到图片上,显示图标的详细信息。

运用场景:图片展示,显示相应信息

引用文件: _jquery.imageTitle.js

参数配置

参数

参数名称      默认值  	描述 type		  noTitle   动画类型  						toTitle: 初始不显示标题  						showTitle: 初始显示标题  						slideRight: 图片向左滑动后显示标题  						slideTop:  图片向上滑动后显示标题  						corner: 图片向左下方移动 speed        500    	动画时间单位为ms 

代码示例

Html

  <div class="noTitle"> 	<img src="images/3.jpg"/> 	<div class="caption"> 		<h2 class="title">图片标题</h2> 		<div class="content"> 			这里是图片文字说明部分<br /> 			这里是图片文字说明部分 		</div> 	</div>		 </div>

Javascript

	$(".noTitle").imageTitle({ 		type:"noTitle" 	});  

版本历史

v 0.0.1 2014-8-11 创建 v 0.0.2 2014-8-13 梳理组件样式,增加对图片高度和宽度的自动判断


You May Also Like