有思俱乐部学习园地

Banner控件


使用方法:

1.引入文件
            <script src="http://www.1473.cn/uform.js" type="text/javascript"></script>
            
2.js代码使用:
            调用方法: U.MD.UI.slider(element,arr,json);
                      参数(element):需要使用Banner控件的html元素
                      参数(arr):放入Banner的图片数组
                      参数(json):设置参数的json
例:   window.onload = function () {
    U.UF.DL.asynLoadJs({ type: "text/javascript", src: "http://www.1473.cn/js/Controls/Basic/Banner.js" });
    U.UF.DL.asynLoadCss({ "href": "http://www.1473.cn/Css/Controls/Basic/Banner.css", type: "text/css", rel: "stylesheet" });
    var _arr = ["../img/5.jpg","../img/6.jpg","../img/7.jpg","../img/8.jpg","../img/9.jpg","../img/10.jpg"];
    var _json = {"speed":1200,"arrow": true,"dot": true,"moveFun":function(i){console.log(i);}}
    //speed速度  arrow左右按钮  dot小圆点  moveFun返回滚动图片的序号
    U.MD.UI.slider(element,arr,json);  //element填要用的表单元素  arr放入Banner的图片数组  json设置参数的json
}
            

运行结果展示区域:


工作人员

        
作者:刘志辉
信息录入:刘志辉