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

主页 > 下载 > jquery插件 >

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

来源:未知    时间:2019-09-09 15:42 作者:小飞侠

[导读] 插件地址: 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://gamedown.vgs.lenovo.com.cn/public/js/gweb.2.02.min.js


Gweb-api


注意:基于JQ1.2内核,支持JQ所有方法

1.获取浏览器类型

$.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


2.适配插件

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

 

px适配插件,调用方法

        //适配插件

        $.adaptation({

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

            isall:true,//全局适配 

            startcss:"/*startdom*/", //不写就读取CSS里面全部CSS

            endcss:"/*enddom*/", //不写就读取CSS里面全部CSS

            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");

            }

        });

预览地址:http://mini.vgs.lenovo.com.cn/

demo:

css处理部分
http://mini.vgs.lenovo.com.cn/css/mini-9c8630392d.css
html引入部分


3.图片预加载

图片预加载

  $.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);

       }

   });

 

4.JS预加载


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);

       }

   });


5.正则校验

 


正则校验

$.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


6.模拟alert提示


提示插件

$.toast(txt,position,timeout);

pms:

    txt //提示文本

    position //位置,top,center,bottom

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


7.获得地址栏参数

获取地址栏get参数

$.getPar(str);

返回 string 参数 或者 false


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

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

$.isNull(str);

null,undefined,'',  返回true

其他返回 false


7.轮播

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

      $.lunbo({

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

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

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

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

                progressBar:true, //开启进度条  

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

                scrollCbk:function(index){ //每次轮播后回调方法

                }

        });

以下是demo

  
        left
        right
        
                
  • 1
  •             
  • 2
  •             
  • 3
  •             
  • 4
  •             
  • 5
  •         
    
            .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;         }     


    获得url参数

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


8.cookie支持

    项目cookie

    $.cookie 已经自带

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


9.小方法集合


    表单提示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://gamedown.vgs.lenovo.com.cn/public/js/AES.js


    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

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