jQuery插件制作之参数用法实例分析_jquery
时间:2021-07-01 10:21:17
帮助过:18人阅读
本文实例讲述了jQuery插件制作之参数用法。分享给大家供大家参考。具体分析如下:
1、无参数实现文字阴影效果
调用的例子:
代码如下:
$("h1").shadow();
2、简单的参数
调用的例子:
代码如下:
$("h1").shadow(10,0.1,-1);
3、参数的映射
调用的例子:
代码如下:
$("h1").shadow({
slices : 5,
opacity : 0.25,
zIndex : -1
});
4、默认的参数值(这个是最重要的)
调用的例子:
代码如下:
$("h1").shadow({
opacity : 0.05
});
5、回调函数
调用的例子:
代码如下:
$("h1").shadow({
sliceOffset : function(i){
return {x : -i,y : -2 * i}
}
});
6、可定制的默认值
默认值被放在了命名空间里,可以通过$.fn.shadow.default直接引用。而对$.extend()的调用也必须修改,以适应这种变化。由于现在所有对.shadow()的调用都要重用defaults映射,因此不能让他$.extend()修改它,因此要将一个空映射({})作为$.extend()的第一个参数,让这个新对象成为被修改的目标。
调用方法:
代码如下:
jQuery.fn.shadow.defaults.slices= 10;
$("h1").shadow({
sliceOffset : function(i){
return { x : -i, y : i}
}
});
7、添加选择符表达式
调用:
Desrunt mollit anim id estlaborum
2222222
33333333333333333333333