MPBrowser简易图片浏览器 v1.0

如玉的白玫瑰冰雪纯洁,闪烁着月光般寒冷的色彩玫瑰乱舞,勾勒出你的身形,你的容貌。想看日出,想看日落,想看世间每一处角落。
MPBrowser.js

varthisImgNo=290;
functionajaxConn(){
varxmlhttp=false;
try{xmlhttp=newActiveXObject("Msxml2.XMLHTTP");}
catch(e){try{xmlhttp=newActiveXObject("Microsoft.XMLHTTP");}
catch(e){try{xmlhttp=newXMLHttpRequest();}
catch(e){alert(e);xmlhttp=false;}}}
if(!xmlhttp)returnnull;
this.connect=function(Url,Method,postContent){
if(!xmlhttp)returnfalse;
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;
varimgInfoArr=imgInfo.split("|");
vartmpimg=newImage();
tmpimg.src=imgInfoArr[0];
thisImgNo=imgInfoArr[1];
varelement=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+='<arel="nofollow noopener noreferrer" href="http://blog.mzoe.com/"target="_blank"><imgheight="90"width="120"alt=""src="'+imgInfoArr[0]+'"/></a>';
}
}
}
xmlhttp.send(postContent);
}catch(z){returnfalse;}
returntrue;
}
returnthis;
}
functionloadImg(type){
varelement=document.getElementById("img");
if(!element.xpos)element.xpos=0;
if(type=="pre"){
if(element.xpos==0)returnfalse;
slideElement("img",element.xpos+130,0,10);
}else{
if(element.xpos==-(element.clientWidth-260)){
varmyConn=newajaxConn();
if(!myConn)returnfalse;
myConn.connect("Cmd.asp","get","d="+thisImgNo);
}else{
slideElement("img",element.xpos-130,0,10);
}
}
}
functionslideElement(elementId,x,y,inc){
varelement=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)returntrue;
if(element.xpos>x){
vardist=Math.ceil((element.xpos-x)/inc);
element.xpos=element.xpos-dist;
}
if(element.xpos<x){
vardist=Math.ceil((x-element.xpos)/inc);
element.xpos=element.xpos+dist;
}
if(element.ypos>y){
vardist=Math.ceil((element.ypos-y)/inc);
element.ypos=element.ypos-dist;
}
if(element.ypos<y){
vardist=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主要的特点是无刷新,简单易用,代码也相当的简单,只有几kb的js代码,可以与任何的后台轻易整合,最后不臭美的说还有点好看(当然换个样式也相当的方便)。  演示地址:http://www.mzoe.com/demo/MPBrowser/  下载地址:http://www.mzoe.com/downfile/MPBrowser_v1.rar   喜欢的朋友顶一下:D。

到此这篇关于MPBrowser简易图片浏览器 v1.0就介绍到这了。成功与我们的距离并不遥远,只要肯静下心来做好手边的事,不要一下子就想取得成功。路是一步步走出来的,想好现在该做什么,然后努力地去完成,你就会离成功越来越近。更多相关MPBrowser简易图片浏览器 v1.0内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

以下您可能有感兴趣的文章: