设置切换器的阴影
下面是设置阴影样式的相关参数:
参数名称 | 默认值 | 数据类型 | 描述 |
---|---|---|---|
shadowX | 0 | Int | 阴影效果,水平方向偏移像素数 |
shadowY | 0 | Int | 阴影效果,垂直方向偏移像素数 |
shadowWidth | 3 | Int | 阴影效果,阴影大小 |
shadowColor | rgba(0,0,0,0.3) | String | 阴影效果,阴影颜色 |
跟设置边框的参数类似,设置阴影的参数与 CSS 中的 shadow 属性也有关系,但是阴影效果在某些界面(如 扁平化)中的使用存在局限性,所以阴影效果的使用相对于边框效果要少很多。
下面,我们给出一个 demo 供大家参考(注意,以下 demo 的 HTML 请参照简单案例)。
无阴影的图片切换器
js code
$(document).ready(function(){
$(".demo").hhscroll({width:,height:,shadowWidth:0});
});