内容介绍
jSquares是一个jQuery插件当鼠标移过图片时弹出一个包含备注说明浮动框。
参数
$('#js-container').jsquares({
shuffle_in: false, // have the pictures all fade in on page load?
fade_on_hover: false, // do we want the images to fade on hover or just change opacity?
caption_slide_down: false // do we want the caption to slide down or just appear?
});
| Key | Default Value | Type | Description |
|---|---|---|---|
| image | .js-image | String | The target element holding all of the info (image/caption). View the source of the demo for a better understanding. |
| caption | .js-small-caption | String | The target element holding the caption. This element is found within the element specified as js_image. |
| caption_overlay_spacing | 12 | Integer | This is the padding on the caption that pops up on hover. |
| caption_width | 400 | Integer | This is the width of the caption that pops up on hover. |
| caption_height | 130 | Integer | This is the height of the caption that pops up on hover. |
| fade_to | .3 | Integer | Float | This is the opacity that you want the images/captions to fade to when you roll over an image. |
| fade_start | 1 | Integer | Float | This is opacity that images/captions are sent back to after you roll off the image set. This normally shouldn’t be altered. |
| shuffle_in | true | Boolean | By default the images will shuffle in (fade in) randomly. If you don’t want any effects and to have them just appear, change this to false. |
| shuffle_in_speed | 130 | Integer | If js_shuffle_in is set to true, you can set the speed in which images appear one after the other. |
| fade_on_hover | true | Boolean | By default the images fade to a value set by js_fade_to, if you just want them to change opacity then change this to false. |
| caption_slide_down | true | Boolean | The caption has a slide down effect when you hover over an image. If you just want it to appear instead of sliding down, change this to false. |
| caption_slidedown_speed | fast | String | Integer | If the option key js_caption_slide_down is set to true, you can change the speed that it slides down at. |
下载说明
☉如果您发现本文件已经失效不能下载，请联系站长修正！
☉如果您下载的文件出现解压不了或文件受损等情况，请选择其他下载点重新下载。
☉下载本站资源，如果服务器暂不能下载请过一段时间重试！
☉有小部分资源需要解压密码，请输入：261z.com。
☉本站提供的所有资源仅供学习研究与参考，请勿用于商业用途。
标签:[db:标签]
- 上一篇：没有了
- 下一篇：没有了
- 相关文章
-
- ·jsquares照片墙效果的必备jquery插件2014/02/12
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-