jquery tools系列 expose 学习

2020-05-24 21:19:52易采站长站整理

如overlay的学习,首先给出操作的html目标代码:

<div id=”test”>
    expose test!
</div>
<div style=”margin:0 auto;width:300px”>
    <img src=”http://flowplayer.org/tools/img/expose/ball_large.png” id=”ball” style=”width:130px” />
</div>
<div style=”position:relative;z-index:10000″>
<button type=”button” id=”btn_open”>open div</button>
<button type=”button” id=”btn_close”>close div</button>
</div>

该功能是通过jqueryObject.expose()方法来实现的,其具体实现方式如下:
$(“jquery selector”).expose({config object}) //该方法通过配置对象将来定制expose的显示。
以下代码为配置参数说明描述:


























属性默认值详细描述
color‘#456’设置页面中非expose(突出显示)区域在expose(突出显示)效果显示时的背景颜色。如果此处未设置背景色,那么expose功能会提供一个默认的颜色。另外属性亦可通过maskId的CSS样式来设置。
opacity0.8设置页面中非expose(突出显示)区域在expose(突出显示)效果显示时的背景透明度。该处透明度的取值范围为[0,1],该处值越大,透明度越低。
loadSpeed‘slow’设置页面中非expose(突出显示)区域在expose(突出显示)效果触发时的显示速度。该处值可设置为:’slow’,’normal’,’fast’和毫秒数值。例如:如果此处设置值为2000,那么非expose(突出显示)区域效果将会在2秒钟中内显示完成。如果此处设置值为0,那么非expose(突出显示)区域将会没有动画效果并立即显示出来。
closeSpeed‘fast’设置页面中非expose(突出显示)区域在expose(突出显示)效果关闭时的关闭速度。该处值可设置为:’slow’,’normal’,’fast’和毫秒数值。具体示例可参见本文相关示例。