jQuery鼠标悬停图片多种方式显示标题插件Captall

jQuery鼠标悬停图片多种方式显示标题插件Captall
 点击预览  点击下载

使用方法

添加jquery库,captall,easing到您的页面

  1. <script src='js/jquery.min.js' type='text/javascript'></script> 
  2. <script src='js/jquery.captall.min.js' type='text/javascript'></script> 
  3. <script type="text/javascript" src="js/easing.js"></script> 

html

  1. <p><img src="images/sea.jpg" id="image" alt="Hi, I'm a caption" width="300" height="198" /></p> 

Javascript call

  1. $(document).ready(function() { 
  2.   // Simple call 
  3.   $('#image').captall(); 
  4.   
  5.   // Call with options 
  6.   $('#image').captall({ 
  7.     slideFrom:  'topcenter'
  8.     slideTo:    'center'
  9.     width:      '50%'
  10.     height:     '1/2' 
  11.   }); 
  12. }); 

选项:

animation   String       默认值:幻灯片 -如何将字幕显示自己?

backgroundColor   String 默认值:FFFFFF -定义背景颜色。

caption   String         默认值:空 -文本或链接或图片....

delay      Intege        默认值:0 -定义的延迟来显示和隐藏的元素,淡入淡出和幻灯

delay      InInteger     默认值:0 -定义的延迟,显示元素,淡入淡出和幻灯

delayOut   Integer       默认值:0 -定义的延迟隐藏元素,淡入淡出和幻灯

easing     String        默认值:空 -定义在和元件出动画,仅供幻灯片

easingIn   String        默认值:空 -定义在元素的动画,为slideonly

easingOut  String        默认值:空 -定义元素的动画出来,因为只有一张幻灯片

fadeOutAfter  Integer    默认值:0 -定义之后,固定元素淡出时间

fontColor     String     默认值:000000 -定义字体的颜色。

fontSize      String     默认值:16像素 -定义字体的大小。

height        Integer    默认值:30 -元素的高度。

inTime        Integer:  默认值:200 -以毫秒为单位显示该元素的时间。

left          Integer 默认值: 0元素的左侧位置。

opacity       Float 默认值:0.7默认值浮动元素的不透明度。

outTime       Integer 默认值:200的元素消失在毫秒时间。

padding       Array 默认值: [0] -定义元素的边框和内容的元素之间的空间。

paddingTop    Integer 默认值: 0 -填充的顶部边框。

paddingRight  Integer 默认值: 0填充的右边界。

paddingBottom   Integer 默认值: 0填充的底部边界。

paddingLeft     Integer 默认值: 0填充到左边界。

sldeFrom      String 默认值: 底 - 定义从何处元素滑动

slideTo       String 默认值: 底 - 定义到该元素的幻灯片。

textAlign     String 默认值:左 - 在元素中的文本的对齐方式。

time          Integer 默认值:200 - 时间以毫秒为单位的元素出现和消失。

top           Integer 默认值: 0 - 元素的顶部位置。

width         String  默认值:全 - 元素的宽度。

转载请注明:代码家园 » jQuery鼠标悬停图片多种方式显示标题插件Captall

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)