• 自定义对象级别的组件开发


    这个例子是一个简单的,自定义阴影效果:

    (function($){

      $.fn.shadow=function(opts)

      {

        var options=$.extend({},$.fn.shadow.defaults,opts);

        return this.each(function(){

          var $originElement=$(this);

          for(var i=0;i<options.copies;i++)

          {

            var offset=options.copyOffset(i);

            $originElement.clone().css({

              position:"absolute",

              left:$originElement.offset().left+offset.x,

               top:$originElement.offset().top+offset.y,

              margin:0,

              opaacity:options.opacity

            }).appendTo('body');

          }

        })

      }

      $.fn.shadow.defaults={

        copies:5,

        opactity:0.1,

        copyOffset:function(index)

        {

          return {x:index,y:index*2}

        }

      }

    })(jQuery)

    还有一种是类级别的自定义:

    $.shadow=function(){

    }

  • 相关阅读:
    JQuery操作DOM
    JQuery事件和动画
    Jquery选择器
    初学JQuery
    JavaScript对象及面向对象
    JavaScript操作DOM
    JavaScript操作BOM
    JavaScript基础
    网络流之最大流Dinic算法模版
    杭电1532----Drainage Ditches『最大流』
  • 原文地址:https://www.cnblogs.com/openflyme/p/4782335.html
Copyright © 2020-2023  润新知