当前位置:Gxlcms > JavaScript > jQuery插件制作之参数用法实例分析_jquery

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
4444444444444444

代码如下:
$("div:css(width< 100)").addClass("heighlight");

希望本文所述对大家的jQuery程序设计有所帮助。

人气教程排行