没什么说的,直接上图
可以猛击查察演示
为了做个站的特效去扒了别人的特效,原来是用Image Menu 2.2 的,功效发明他用的JS库mootools 和 JQ斗嘴了,只好换一个JQ的插件kwicks,还要改之。颠末不泄的尽力(真的不放弃)改 好了
kwicks有个匹配参数:
Kwicks for jQuery Documentation Kwicks Options The following options are provided: max: Required# The width or height (in pixels) of a fully expanded kwick element. If isVertical is true, then max refers to the height - otherwise it is the width. # You must provide max OR min, but not both. /##################################### # 整个插件的宽度或高度,假如isVertical属性为真,那么次属性代表的为高度,不然代表的为宽度 # # max属性和min属性必需填写一个,但不是必需两个都填写 # ######################################/ min: Required# The width or height (in pixels) of a fully collapsed kwick element. If isVertical is true, then min refers to the height - otherwise it is the width. # You must provide max OR min, but not both. /##################################### # 整个插件的宽度或高度,假如isVertical属性为真,那么次属性代表的为高度,不然代表的为宽度 # # max属性和min属性必需填写一个,但不是必需两个都填写 # #####################################/ isVertical: Defaults to false Kwicks will align vertically if true. /################################ # 默认值为false # # true竖向展开 false 横向展开 # ################################/ sticky: Defaults to false One kwick will always be expanded if true. /################################ # 默认值为false # # true 插件将会自动扩展 # ################################/ defaultKwick: Defaults to 0 The initially expanded kwick (if and only if sticky is true). Note: Zero based, left-to-right (or top-to-bottom). /################################# # 默认值为0 # # 当sticky属性为true的时候,初始化扩展的巨细 # # 留意:以0开始,从左到右可能从上到下 # ################################/ event: Defaults to 'mouseover' The event that triggers the expand effect. Other likely candidates are click and dblclick. /################################ # 默认值为mouseover # # 激发扩展结果的事件,别的的两个选项是click和代表click # ################################/ duration: Defaults to 200 The number of milliseconds required for each animation to complete. /################################# # 默认值为200 # # 每个扩展完成所需的毫秒数 # ##################################/ easing: A custom easing function for the animation (requires easing plugin). /################################## # 用户自界说的sasing函数(需要sasing插件) # #################################/ spacing: Defaults to 0 The width (in pixels) separating each kwick element. /################################## # 默认值为0 # # 两个kwick元素间的隔断宽度(单元为像素) # ##################################/end
附件下载/演示源码:
【 tab滑动特效JQ+kwicks.rar 】 130.38KB