zoukankan      html  css  js  c++  java
  • 自定义对象级别的组件开发

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

    (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(){

    }

  • 相关阅读:
    SSM整合
    SpringMVC学习笔记
    Spring笔记
    Spring之AOP在XML中的配置方法
    Spring之AOP的注解配置
    Mybatis学习笔记
    css学习笔记
    DOM技术
    Javascript学习笔记
    Hive导出复杂数据到csv文件
  • 原文地址:https://www.cnblogs.com/openflyme/p/4782335.html
Copyright © 2011-2022 走看看