lxg

导航

 

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种方式比较类似,注意不同之处,要在实际开发中结合不同的功能需求去使用不同的方法。

 

posted on 2016-08-25 16:23  lxg_7105  阅读(156)  评论(0编辑  收藏  举报