欢迎来到[自学php网] ①群 287460651

主页 > 下载分类 > jquery插件 >

gweb.js 前端插件 站长维护开发制作奉献

来源:未知    时间:2019-05-15 23:00 作者:小飞侠

[导读] 插件地址: https://imagecdn.vgs.lenovo.com.cn/public/js/gweb.2.01.min.js https://imagecdn.vgs.lenovo.com.cn/public/js/gweb.2.02.min.js Gweb-api 注意: 2.0 版本后 G 换成 $,基于JQ1.2内核,支持JQ所有方法 $ .browser.ve...

插件地址:

    https://imagecdn.vgs.lenovo.com.cn/public/js/gweb.2.02.min.js


Gweb-api

注意:2.0版本后换成 $,基于JQ1.2内核,支持JQ所有方法


$.browser.versions

    browser成员变量 用于获取浏览器版本和信息

    userAgent //浏览器版本信息

    versions //浏览器版本

    maxthon //遨游

    opera //opera

    zhLenovo //智慧联想

    lenovoCent //联想游戏中心端

    ie //ie

    edge //edge

    firefox //火狐浏览器

    chrome //Chrome浏览器

    safari //Safari浏览器

    mobile //是否为移动终端

    ios //ios终端

    android //android终端或者uc浏览器

    iPhone //是否为iPhone或者QQHD浏览器

    iPad //是否iPad

    mac //是否mac电脑

    webApp //是否web应该程序,没有头部与底部

    weixin //是否微信

    qq //是否QQ

    wp //是否WindwowPhone手机

    windows //是否windows系统

    IEVersion //判断IE浏览器版本

    IE //成员变量 其下包括判断个ie浏览器版本

    ie6、ie7、ie8、ie9、ie10、ie11

    language //页面语言

    isPC //判断pc机(补充方法)

    isH5browser //是否为支持H5的浏览器

    

    调用示例:

    $.browser.versions.iPhone();


$.browser.versions.IEVersion();

获得IE版本


$.browser.ismobile()

检测是否是手机

 

$.browsers()

返回浏览器种类,ie,firefox,opera , chrome , safari other



px适配插件,和响应式布局

 

px适配插件,调用方法

        //适配插件

        $.adaptation({

            size:960, //适配宽度,以设计图为准,默认640

            isall:true,//全局适配

            startcss:"/*startdom*/",

            endcss:"/*enddom*/",

            maxauto:false, // 自动放大,默认false

            cssUrl:[

                "css/common.css", //要适配的样式表,支持 ID CLASS 和远程

                 "#styleid", //要适配的样式表,支持 ID CLASS 和远程

                  "#styleclass", //要适配的样式表,支持 ID CLASS 和远程

            ],

           // metaview:"",//meta参数默认不加

            response:true, //响应式  主要针对页面 .wap .pad .pc .wap-pad .pad-p 进行响应式操作 默认关闭,.wap <=640 .pad > 640 <= 960 .pc >960 , .wap-pad 和 pad.pc 属于过度样式

            responsecbk:function(msg){ //响应式回调

                console.log(msg);

            },

            lastpx:0.5,//最小PX

            cbk:function(){  //适配成功后回调函数

                console.log("改变成功123");

            }

        });


图片预加载

  $.imgLoad({

       imglist:[

           'https://t12.baidu.com/it/u=605649497,2910551155&fm=76',

           'http://www.zixuephp.com/uploads/allimg/c180207/151OaGEKF-21413_lit.jpg',

           'http://www.zixuephp.com/uploads/allimg/180110/1-1P1100959250-L.jpg'

       ],

       progress:function(e){

          // console.log(e);

       },

       success:function(e){

           console.log(e);

       }

   });

 

js预加载

 

   $.jsLoad({

       jslist:[

           'http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js',

           'http://www.zixuephp.com/templets/zixuephp/js/scroll.jquery.js',

           'http://www.zixuephp.com/templets/zixuephp/js/index.js'

       ],

       progress:function(e){

           console.log(e);

       },

       success:function(e){

           console.log(e);

       }

   });

 

正则校验

$.reg.isName(str); //校验用户名/^[a-zA-Z]{6,30}$/

$.reg.isDigit(str); //校验是否全由数字组成

$.reg.isPasswd(str); //校验密码:只能输入6-20个字母、数字、下划线

$.reg.isTel(str); //校验普通电话、传真号码:可以“+”开头,除数字外,可含有“-”

$.isMobil(str);//校验手机号码:必须以数字开头,除数字外,可含有“-”

$.isPostalCode(str);//校验邮政编码

$.isIP(str); //ip

$.isEmail(str); //mail

$.isUrl(str); //url

$.isHtml(str); //html

$.isQQ(str); //qq


提示插件

$.toast(txt,position,timeout);

pms:

    txt //提示文本

    position //位置,top,center,bottom

    timeout //结束显示时间,默认2秒,单位1000


获取地址栏get参数

$.getPar(str);

返回 string 参数 或者 false


判断变量是否为空或者undefined或者是null

$.isNull(str);

null,undefined,'',  返回true

其他返回 false


以下基于 gweb.2.02.min.js 新增方法

            

        生成轮播,下列是参数说明

      $.lunbo({

                scrollObj:$(".lunbo ul"),  轮播对象

                scrollBox:$(".lunbo"), 轮播父级对象

                btnLeft:$(".lunbo .left"),  轮播按钮左侧

                btnRight:$(".lunbo .right"), 轮播按钮右侧

                progressBar:true, //开启进度条  

                progressBarAutoStyle:true,  进度条默认样式开启

        });

    <div class="lunbo">
        <span class="btn left">left</span>
        <span class="btn right">right</span>
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
        </ul>
    </div>

   <style type="text/css">
        .lunbo{
            margin: 0px auto;
            width: 1000px;
            height: 300px;
            position: relative;
            overflow: hidden;
        }
        .lunbo .btn{
            width: 50px;
            height: 25px;
            line-height: 25px;
            position: absolute;
            right: 0px;
            top: 50%;
            margin-top:-13px;
            background: yellow;
            z-index: 10;
        }
        .lunbo .btn.left{
            left: 0px;
        }
        .lunbo .btn.right{
            right: 0px;
        }
        .lunbo ul{
            width: 1000px;
            height: 300px;
            overflow: hidden;
            position: absolute;
        }
        .lunbo ul li{
            float: left;
            width: 1000px;
            height: 300px;
            color: #fff;
            font-size: 100px;
        }
        .lunbo ul li:nth-child(odd){
            background: #666;
        }
        .lunbo ul li:nth-child(even){
            background: blue;
        }
    </style>


    获得url参数

    $.request("参数值") 同理 $.getPar(“参数值")


    项目cookie

    $.cookie 已经自带

    列子:$.cookie("name") , $.cookie("formBase",null);   $.cookie("formBase",'base',{ expires: 1, path: "/" });


    表单提示placeholder  pms可以不写

    $(dom对象).placeholder("提示信息",pms)  或者  $(dom对象).attr("msg","值").placeholder(null,pms) 

    pms = { css:{jq设置的css属性} cssAuto:true/false 自动css属性添加 }

    

    回调函数

    $.callback(fuc,pms) 第一个参数是回调方法,第二个参数是给方法的值


    aes加密解密 (需要引入AES插件)https://imagecdn.vgs.lenovo.com.cn/public/js/AES.js

    jweb移植过来的,具体文档看jweb详细说明

    $.Encrypt(a,b)

    $.Decrypt(a,b) 


    $.aesRsa((url, json, fn)

    url //接口地址

    json //json格式的参数

    fn //请求返回数据

     

    调用示例:

    $.aesRsa(url,json, function (data) {

     

    });


    getTimeStamp //返回时间戳

    调用示例:

    $.getTimeStamp();


    random //返回预定范围随机数 不包括开始和结束值

    参数:start  [number] 开始值

          end  [number] 结束值

    调用示例:

    $.random(10, 15);//随机返回10-15之间的值

   

    randomArr //随机数组排列顺序

    参数:arr  [array] 数组

    调用示例:

    $.randomArr([0, 1, 2]); //返回随机数组

     

    randomStr //随机字符串排列顺序

    参数:str  [string] 字符串值

    调用示例:

    $.randomStr("abcdefg");或 $(".xxx").randomStr(); //返回随机字符串


    isInclude //是否引入了某个JS或CSS

    参数:name  [string] //js或css地址

    调用示例:

    $.isInclude("http://update2.locojoy.com/wz/js/jquery.cookie.js");



    loadJs //加载外部js

    参数:

    options[

    id [string] //id命名  默认t3js+时间戳

    url [string] //外部js链接

    callback [function] //加载完成回调函数

    ]

    调用示例:

    $.loadJs({

    id:"myjs",

    url:"http://xxx.xxx.com/xxx.js",

    callback:function(){

    }

    });

    

    loadCss //加载外部css

    参数:

    options[

    id [string] //id命名  默认t3css+时间戳

    url [string] //外部css链接

    callback [function] //加载完成回调函数

    ]

    调用示例:

    $.loadCss({

    id:"mycss",

    url:"http://xxx.xxx.com/xxx.css",

    callback:function(){

    }

    });





    

最新文章

点击排行

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com