<script type="text/javascript">var cfg_src = http://www.mamicode.com/{>

/* 基本图文组件对象 */var H5ComponentBase =function ( name, cfg ) {var cfg = cfg || {};var id = ( ‘h5_c_‘+Math.random() ).replace(‘.‘,‘_‘) ;// 把当前的组建类型添加到样式中进行标记var cls = ‘ h5_component_‘+cfg.type;var component = $(‘
‘);cfg.text && component.text(cfg.text);cfg.width && component.width(cfg.width/2);cfg.height && component.height(cfg.height/2);cfg.css && component.css( cfg.css );cfg.bg && component.css(‘backgroundImage‘,‘url(‘+cfg.bg+‘)‘);if( cfg.center === true){component.css({marginLeft : ( cfg.width/4 * -1) + ‘px‘,left:‘50%‘})}// ... 很多自定义的参数if( typeof cfg.onclick === ‘function‘ ){component.on(‘click‘,cfg.onclick);}return component;}

组件方式开发实例