html页面:<h1>Hello My name is Alex,i from china.</h1>
1、无参数实现文字阴影效果
测试代码:
$("h1").shadow();
2、使用简单参数实现阴影效果
测试代码:
$("h1").shadow_simple(10,0.2,-1);
3、使用参数映射完成参数设置
测试代码:
$("h1").shadow_map({
slices:5,
opacity:0.2,
zIndex:-1
});
4、默认的参数值(这个最重要!!!)
注意:通过参数默认值,能够让参数映射更加灵活,有些参数可以不必传递,如果传递,
则覆盖默认。
测试代码:
$("h1").shadow_default({
opacity:0.2,slices:5
或者不填写都可以
});
5、回调函数
测试代码:
//调用回调函数
$("h1").shadow_callback(option.offset);
var option={
slices:10,
opacity:0.2,
offset:function(i){
return {x:i,y:i*2};
}
};
6、可定制的默认值
测试代码:
var option={
slices:10,
opacity:0.2,
offset:function(i){
return {x:i,y:i*2};
}
};
$("h1").shadow_dingzhi(option);
总结:前5种方式要求必须掌握,第6种方式和第5种方式比较类似,注意不同之处,要在实际开发中结合不同的功能需求去使用不同的方法。