温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何实现MPBrowser简易图片浏览器

发布时间:2021-09-29 14:52:22 来源:亿速云 阅读:101 作者:iii 栏目:web开发

这篇文章主要介绍“如何实现MPBrowser简易图片浏览器”,在日常操作中,相信很多人在如何实现MPBrowser简易图片浏览器问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”如何实现MPBrowser简易图片浏览器”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

代码如下:

var thisImgNo = 290;
function ajaxConn(){
    var xmlhttp = false;
    try{xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");}
    catch(e){try{xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");}
    catch(e){try{xmlhttp = new XMLHttpRequest();}
    catch(e){alert(e);xmlhttp = false;}}}
    if(!xmlhttp)return null;
    this.connect = function(Url,Method,postContent){
        if(!xmlhttp)return false;
        Method = Method.toUpperCase();
        try{
            if (Method == "GET"){
                xmlhttp.open(Method,Url + '?' + postContent,true);
                xmlhttp.setRequestHeader("Content-Type","text/html;charset=GB2312");
                sVars = null;
            }else{
                xmlhttp.open(Method,Url,true);
                xmlhttp.setRequestHeader("Method","POST "+Url+" HTTP/1.1");
                xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
            }
            xmlhttp.onreadystatechange = function(){
                if(xmlhttp.readyState == 4){
                    if(xmlhttp.status == 200){
                        imgInfo = xmlhttp.ResponseText;
                        var imgInfoArr = imgInfo.split("|");
                        var tmpimg = new Image();
                        tmpimg.src = imgInfoArr[0];
                        thisImgNo = imgInfoArr[1];
                        var element = document.getElementById("img");
                        if(!element.xpos)element.xpos = 0;
                        element.style.width = (element.clientWidth + 130) + "px";
                        slideElement("img",element.xpos-130,0,10);
                        element.innerHTML += '<a href="http://blog.mzoe.com/" target="_blank"><img height="90" width="120" alt="" src="'+imgInfoArr[0]+'" /></a>';
                    }
                }
            }
            xmlhttp.send(postContent);
        }catch(z){return false;}
        return true;
    }
    return this;
}
function loadImg(type){
    var element = document.getElementById("img");
    if(!element.xpos)element.xpos = 0;
    if(type=="pre"){
        if(element.xpos==0)return false;
        slideElement("img",element.xpos+130,0,10);
    }else{
        if(element.xpos==-(element.clientWidth - 260)){
            var myConn = new ajaxConn();
            if(!myConn)return false;
            myConn.connect("Cmd.asp","get","d="+thisImgNo);
        }else{
            slideElement("img",element.xpos-130,0,10);
        }
    }
}
function slideElement(elementId,x,y,inc){
    var element = document.getElementById(elementId);
    if(element.sliding)clearTimeout(element.sliding);
    if(!element.xpos)element.xpos = 0;
    if(!element.ypos)element.ypos = 0;
    if(element.xpos == x && element.ypos == y) return true;
    if(element.xpos > x){
        var dist = Math.ceil((element.xpos-x)/inc);
        element.xpos = element.xpos - dist;
    }
    if(element.xpos < x) {
        var dist = Math.ceil((x-element.xpos)/inc);
        element.xpos = element.xpos + dist;
    }
    if(element.ypos > y) {
        var dist = Math.ceil((element.ypos-y)/inc);
        element.ypos = element.ypos - dist;
    }
    if(element.ypos < y) {
        var dist = Math.ceil((y-element.ypos)/inc);
        element.ypos = element.ypos + dist;
    }
    element.style.left = element.xpos+'px';
    element.style.top = element.ypos+'px';
    element.sliding = setTimeout('slideElement("'+elementId+'",'+x+','+y+','+inc+')',10);
}

到此,关于“如何实现MPBrowser简易图片浏览器”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI