防baidu的图片滚动效果

最新推荐文章于 2018-09-19 15:12:02 发布
最新推荐文章于 2018-09-19 15:12:02 发布
阅读量108 收藏
点赞数
分类专栏： js 文章标签： prototype Go
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ljz0898/article/details/83727208
版权
贴部分代码， 

  function album_tracker(aLink) {
    var img = new Image();
	img.src = "http://hi.baidu.com/sys/statlog/1.gif?m=albumtracker&v=" + encodeURIComponent(aLink.firstChild.src) + "&t="+ Math.random();
}
function G(obj)
{
	return typeof(obj)=='object'?obj:document.getElementById(obj);
}
Array.prototype.addBefore=function(arr)
{
	if(this==[]) return arr;
	else return arr.concat(this);
}
Array.prototype.addAfter=function(arr)
{
	if(this==[]) return arr;
	else return this.concat(arr);
}
Array.prototype.indexOf=function(substr,start){
	var ta,rt,d='\0';
	if(start!=null){ta=this.slice(start);rt=start;}else{ta=this;rt=0;}
	var str=d+ta.join(d)+d,t=str.indexOf(d+substr+d);
	if(t==-1)return -1;rt+=str.slice(0,t).replace(/[^\0]/g,'').length;
	return rt;
}

//function pageLoad(spaceURL){
//	var imgID=window.location.hash;
//	if(imgID.replace(/#/g,"").length>1){
//		if(imgID.indexOf("#IMG=")>-1){
//			imgID=imgID.replace('#IMG=','');
//			var baseURL='http://hi.baidu.com'+spaceURL+'/album/item/'+imgID+'.html';
//			window.location=baseURL;
//		}
//	}
//}

function autoSize(obj,isAlb)
{
	MAX_WIDTH=95;
	MAX_HEIGHT=95;
	IMG_MARGIN=7;

	var tImg=new Image();
	tImg.onload=function(){
		var w=this.width;
		var h=this.height;
		if(w<MAX_WIDTH && h<MAX_HEIGHT){
				obj.width=w;
                obj.height=h;
				obj.style.marginLeft=IMG_MARGIN+(MAX_WIDTH-w)/2+'px';
				obj.style.marginTop=IMG_MARGIN+(MAX_HEIGHT-h)/2+'px';
				//obj.hspace=(MAX_WIDTH-w)/2; obj.vspace=(MAX_HEIGHT-h)/2;
				return;
			}
			if(w>h) {
				obj.width=MAX_WIDTH;obj.height=MAX_WIDTH*h/w; 
			}
			else{
				obj.height=MAX_HEIGHT;obj.width=MAX_HEIGHT*w/h;   
				//obj.width+=2; 
			}
	    if(isAlb){
            if(document.all){
				obj.style.marginLeft=IMG_MARGIN+(MAX_WIDTH-obj.width)/2+6+'px';
				obj.width=obj.width-4;
            }
            else obj.style.marginLeft=IMG_MARGIN+(MAX_WIDTH-obj.width)/2+3+'px';
        }
        else   obj.style.marginLeft=IMG_MARGIN+(MAX_WIDTH-obj.width)/2+'px';
		obj.style.marginTop=IMG_MARGIN+(MAX_HEIGHT-obj.height)/2+'px';
		//obj.hspace=(MAX_WIDTH-obj.width)/2; obj.vspace=(MAX_HEIGHT-obj.height)/2;
	}
	tImg.src=obj.src;
}

function autoSizeBig(objW,objH)
{

	MAX_WIDTH=560;
	MAX_HEIGHT=420;
	var W=objW;
	var H=objH;
	if(W<MAX_WIDTH && H<MAX_HEIGHT){
		return {w:W,h:H};
	}
	if(W/H>MAX_WIDTH/MAX_HEIGHT)
	{
		return {w:MAX_WIDTH,h:MAX_WIDTH*H/W}
	}else{
		return {w:MAX_HEIGHT*W/H,h:MAX_HEIGHT} 
	}
}

ScrollImg=function(coverObj,imgNodeBox,bigImgObj){
//spaceUrl,spaceName已经去掉了
	_me=this;
	this.imgNodeBox=G(imgNodeBox);
	this.bigImgObj=G(bigImgObj);
	//this.spUrl=spaceUrl;
	this.isContinue=false;  
	this.imgIDList=[];
	this.obj=G(coverObj);
	this.oneStep=95+7+12+1+2;	//
	this.allSkip=0;				//
	this.goNum=1;				//  
	this.skip=9;				//  
	this.skipTime=25;			//
	this.skipSum=0;    //
	this.direction=1;  //
	this.selNode=null;   //
	this.getNode=null; //
	this.addLen=0;
	this.bnt1=null;
	this.bnt2=null;
	this.disBnt=0;
	this.lastIsEnd=0;			//
	this.lastIsAlbum=0;			//
	//this.spName=spaceName;
	this.nowPicSn=0;
	this.allPicNum=0;
	this.isGoing=false;     //
	this.nowBigPic=null;

	var isLoading=false;

	this.clear=function(){
		this.skipSum=0;
		this.allSkip=0;
		this.goNum=1;
		this.isGoing=false;
	}
	//
	this.scroll=function(){
		if(_me.checkStat()) {  
			if(this.imgIDList[0].picSn<=1 && this.direction==-1){ //
				this.clear(); 
				this.disableBnt(-1); 
				return false;
			}
			if((this.lastIsEnd || this.lastIsAlbum) && this.direction==1){  
				this.clear();this.disableBnt(1);  
				return false;
			}
//			if(isLoading) return;
//			isLoading=true;
//			_me.loadImg();
//			return false;
		}
		if(this.disBnt) this.enableBnt(this.disBnt);
		_me.allSkip=_me.oneStep*_me.goNum;
		if(_me.skipSum<_me.allSkip){
			var nowLeft=parseInt(_me.obj.style.left);
			_me.obj.style.left=(nowLeft-_me.skip*_me.direction)+'px';
			_me.skipSum+=_me.skip;
			setTimeout('_me.scroll()',_me.skipTime);
		}else{
			_me.clear();
			_me.scrollEnd();
		}
	}
	this.scrollEnd=function(){}
	this.setCnt=function(arg){
		this.isContinue=arg;
	}

	this.go=function(dirc){  //
		this.isGoing=true;
		this.goNum=1;
		this.direction=dirc;
		this.scroll();
		this.canGoon(this.goNum*this.oneStep/this.skip*this.skipTime); //this.goNum*this.oneStep/this.skip*this.skipTime 
		this.scrollEnd=function()
		{
			if(this.isContinue) this.scroll();
		}
	}

	this.sel=function(obj){
		var node=obj;
		this.selScroll(node);
	}
	this.goAsel=function(direc){
		var imgs=this.obj.getElementsByTagName('img');
		var iLen=imgs.length;
		var node=null;
		for(var i=0;i<iLen;i++)
		{
			if(this.selNode==imgs[i])
			{
				if(direc==-1)if(i-1>=0) node=imgs[i-1]; else node=imgs[0];
				else if(direc==1) if(i+1<=iLen-1) node=imgs[i+1]; else node=imgs[iLen-1];
				break;
			}
		}
		this.selScroll(node);
	}
	this.selScroll=function(selNode)
	{
		var node=selNode;
		var imgs=this.obj.getElementsByTagName('img');
		var iLen=imgs.length;
		var nodeNum=-1;
		//alert(nodeNum+":"+imgIDList.length);
		for(var i=0;i<iLen;i++)
		{
			if(imgs[i]==node) {nodeNum=i; imgs[i].parentNode.className='selImg';}
			else if(imgs[i].parentNode.className!='albumImg') imgs[i].parentNode.className='spanImg';
		}		

        if(nodeNum==this.imgIDList.length-1 && this.lastIsAlbum){_me.gotoUrl(nodeNum); return;}
		if(this.selNode==node) return;  
		this.selNode=node;

        var offsetStep=nodeNum-parseInt(Math.abs(parseInt(this.obj.style.left))/this.oneStep)-2;
		this.goNum=Math.abs(offsetStep);
		this.direction=offsetStep/this.goNum;

        this.scroll();
		this.canGoon(this.goNum*this.oneStep/this.skip*this.skipTime);

		var isrc='/albums/Thumb/'+_me.selNode.id+'.jpg';
		//var isrc = _me.selNode.id+'.jpg';
		var ibigSrc='/albums/Source/'+_me.selNode.id+'.jpeg'; //原始图
//         var ibigSrc=_me.selNode.id+'.jpeg';
 //var ibigSrc=_me.selNode.id+'.jpg';
		//var ibigSrc='http://www.kkwebs.com';
		var iPreSrc=_me.selNode.id+'.jpg';
		var imgObj=autoSizeBig(this.imgIDList[nodeNum].imgW, this.imgIDList[nodeNum].imgH);

		var _iDiv = G("__imgDiv__");
		if(!_iDiv) _iDiv=document.createElement('DIV');
		_iDiv.id="__imgDiv__";
		_iDiv.style.display = 'none';
		document.body.appendChild(_iDiv);
		if(!G("imgDiv_"+_me.selNode.id))
		{
			var i="<a href='"+ibigSrc+"' target='_blank' title='点击可查看原图' onclick='album_tracker(this)'><img id='showBigImg' width='"+imgObj.w+"'  height='"+imgObj.h+"' style='width:"+imgObj.w+"px; height:"+imgObj.h+"px;' border=0 src='"+isrc+"'></a>";
			_me.bigImgObj.innerHTML	=i;

        	setTimeout(function(){
        		var _div = G("__img__");
        		if(!_div){
           			var _div = document.createElement('DIV');
            		_div.id = "__img__";
            		_div.style.display = 'none';
            		document.body.appendChild(_div);
        		}
				_iDiv.innerHTML+='<div id="imgDiv_'+_me.selNode.id+'"></div>';  
       			_div.innerHTML = '<img src="' + iPreSrc + '" onload="setTimeout(function(){ _me.gotoUrl(\'' + nodeNum + '\');}, 10)">';
        	}, this.skipTime-6);

		}
		else
		{
			var i="<a href='"+ibigSrc+"' target='_blank' title='点击可查看原图' onclick='album_tracker(this)'><img id='showBigImg' width='"+imgObj.w+"'; height='"+imgObj.h+"' style='width:"+imgObj.w+"px; height:"+imgObj.h+"px;' border=0 src='"+iPreSrc+"'></a>";
			_me.bigImgObj.innerHTML	=i;
			_me.gotoUrl(nodeNum);
		}
	//	alert(this.imgIDList.length);
		this.showInfo(nodeNum,this.imgIDList.length);
	}


	this.checkStat=function(){
		var objLeft=parseInt(this.obj.style.left);  
		var minLeft=this.minLeft();
		var imgs=this.obj.getElementsByTagName('img');
		if(this.direction==-1 && objLeft+1>0) {this.getNode=imgs[0]; return true;}
		if(this.direction==1 && objLeft-1<minLeft) {this.getNode=imgs[imgs.length-1]; return true;}	
		return false;
	}
	this.minLeft=function(){
		return this.oneStep*(this.obj.getElementsByTagName('img').length-5)*(-1);
	}


	this.loadImg=function(){

		var baseUrl='../PhotoComment.ashx?FileName='+this.getNode.id+'&t='+Math.random()+'';


		var jsUrl="";
		if(this.direction==-1) jsUrl=baseUrl+'pre?t='+Math.random();
		if(this.direction==1) jsUrl=baseUrl+'next?t='+Math.random();

		var myJsld=new JsLoader();
		myJsld.onsuccess=function(){
				if(picListErrorNum) {showError(picListErrorNum); G('albSpan').innerHTML=""; return;};
				if(isNext)
				{
					_me.lastIsEnd=lastIsEnd;
					_me.lastIsAlbum=lastIsAlbum;
				}
				var imglist=loadImgList; 
				_me.addData(imglist);
			}
		myJsld.load(jsUrl);
	}

	this.addData=function(imgList){
		this.addLen=imgList.length;
		if(this.direction==1) this.imgIDList=this.imgIDList.addAfter(imgList);
		else this.imgIDList=this.imgIDList.addBefore(imgList);	
		this.initNode(this.selNode.id);
	}
	this.initNode=function(selImgID){
		while(this.imgNodeBox.firstChild)
			this.imgNodeBox.removeChild(this.imgNodeBox.firstChild);

		var iLen=this.imgIDList.length;
		for(var i=0;i<iLen;i++){
			var nNode=this.imgIDList[i];
			var tempNode=null;
			if(i==iLen-1)tempNode=this.createNode(nNode.imgID,this.lastIsAlbum);
			else tempNode=this.createNode(nNode.imgID,0);			
			this.imgNodeBox.appendChild(tempNode);
		}
		this.init(selImgID||this.selNode.id);
		this.addLen=0;
	}
	this.init=function(imgID){
		var imgid=imgID||this.selNode.id;
		var imgs=this.obj.getElementsByTagName('img');
		var iLen=imgs.length;
		for(var i=0;i<iLen;i++)
		{
			if(imgs[i].id==imgid) {
				imgs[i].parentNode.className='selImg'; this.selNode=imgs[i];
				if(!isLoading) 
				{
					if(i>2 && iLen-i>2)  this.obj.style.left=(-1)*(i-2)*this.oneStep+'px';
					if(i<=2) this.obj.style.left="0px";
					else if(iLen-i<=2 && iLen-5>0) this.obj.style.left=(-1)*this.oneStep*(iLen-5)+'px';
				}
				var objLeft=parseInt(this.obj.style.left);	
				var minLeft=this.minLeft();		
				if(objLeft+1>0 && this.imgIDList[0].picSn==1){ this.disableBnt(-1);}
				else if(objLeft-1<minLeft && (this.lastIsEnd ||this.lastIsAlbum)){this.disableBnt(1);}
			}
			else if(imgs[i].parentNode.className!='albumImg') imgs[i].parentNode.className='spanImg';
			imgs[i].onclick=function(evt){ if(_me.isGoing) return; else _me.sel(this);}
			imgs[i].parentNode.onclick=function(){if(_me.isGoing) return; else _me.sel(this.getElementsByTagName('img')[0]);}
		}

		if(this.addLen) if(this.direction==-1) this.obj.style.left=(-1)*this.addLen*this.oneStep+'px';
		else if(this.direction==1) this.obj.style.left=(-1)*(this.imgIDList.length-this.addLen-5)*this.oneStep+'px';

		if(isLoading) { isLoading=false; this.scroll();}
	}
	this.createNode=function(imgID,isAlbum){
		var rNode=document.createElement('td');
		rNode.width='114';
		rNode.height='114';
		var nImgsrc=imgID+'.jpg';
		var nImg='';
		//var albumURL='http://www.kkwebs.com/';
		//var albumURL='http://hi.baidu.com'+this.spUrl+'/album/item/'+imgID+'.html';
		if(isAlbum) {nImg="<DIV class='albumImg'><div class='nextAlbum'><br><br><br>下个相册</div><IMG id='"+imgID+"'  width='95' height='95' src="+nImgsrc+" onload='autoSize(this,1)'></DIV>";}
		else {nImg="<DIV class='spanImg'><IMG id='"+imgID+"' width='95' height='95' src="+nImgsrc+" onload='autoSize(this)'></DIV>";}

		rNode.innerHTML=nImg;		
		return rNode;
	}
	this.gotoUrl=function(nodenum){
		if(nodenum==this.imgIDList.length-1 && this.lastIsAlbum)
		{
			//window.location='http://hi.baidu.com'+this.spUrl+'/album/item/'+this.imgIDList[nodenum].imgID+'.html';
			var NextAlumsId=G('NextAlums').value;
			alert("跳转到另一个相册了");
			window.location='?id='+NextAlumsId+'';  //跳转到下一相册第一张图片
		}
		else
		{
			window.location.hash='IMG='+this.imgIDList[nodenum].imgID;
			var isrc=_me.selNode.id+'.jpg';
			try{G('showBigImg').src=isrc;} catch(e){}
			//this.getImg();
		}	
	}
	/*
	this.getImg=function(){
		//this.bigImgObj.innerHTML='鏁版嵁鍔犺浇涓?..';
		var bigPic=new Image().src='http://hiphotos.baidu.com'+_me.spUrl+'/pic/item/'+_me.selNode.id+'.jpg';
		this.showInfo();
	}
	*/

	this.showInfo=function(nodeNum,Piclength){
		alert(nodeNum+":"+Piclength);
		this.nowPicSn = (nodeNum+1);
		alert(this.nowPicSn);
		//alert("showinfo");
		//alert(newPhoto.imgSN+":"+newPhoto.imgAllNum);
		G('staSpan').innerHTML="<strong>"+(nodeNum+1)+"</strong>/"+(Piclength-1);
		//		_me.nowPicSn=newPhoto.imgSN;
		//		_me.allPicNum=newPhoto.imgAllNum;
		/*
		var baseUrl='../PhotoComment.ashx?FileName='+this.selNode.id+'&t='+Math.random()+'';
		//var baseURL='http://hi.baidu.com'+this.spUrl+'/album/item/'+this.selNode.id+'.html/info?t='+Math.random();

		var myJs=new JsLoader();
		myJs.onsuccess=function(){ //
			//if(picErrorNum){showError(picErrorNum); return;} 
		    var imgObj=autoSizeBig(newPhoto.imgW,newPhoto.imgH);
			var isrc='http://hiphotos.baidu.com'+_me.spUrl+'/pic/item/'+_me.selNode.id+'.jpg';
			var errImgSrc="http://img.baidu.com/hi/img/newalbum/errorImg.jpg";
			if(picErrorNum)
			{
				var i="<img width='200' height='70' style='width:200px; height:70px;' border=0 src='"+errImgSrc+"'>";
				_me.bigImgObj.innerHTML	=i;	
			}
			else
			{
				//do nothing
			}



			if(picErrorNum)
			{
				G('picDescSpan').innerHTML	="";
				G('picSizeSpan').innerHTML	="";
				G('picTimeSpan').innerHTML	="";
			}
			else
			{
				G('picDescSpan').innerHTML	=insertWbr(newPhoto.imgName);
				G('picSizeSpan').innerHTML	=newPhoto.imgSize;
				G('picTimeSpan').innerHTML	=newPhoto.imCrtTime;
				G('picName').innerHTML=insertWbr(newPhoto.imgSourceName);
				//uuDiy link
				buildUUdiy(newPhoto);
				__isAllowComm=newPhoto.isAllowCmt; //是否允许评论
				__thisPageNum=0; //
				__needSkip2Cmt=false;
				loadComment();	//载入评论
			}	

			if(!picErrorNum)
			{
				G('staSpan').innerHTML="<strong>"+newPhoto.imgSN+"</strong>/"+newPhoto.imgAllNum;
				_me.nowPicSn=newPhoto.imgSN;
				_me.allPicNum=newPhoto.imgAllNum;
				var ta=document.createElement('textarea');
				ta.innerHTML=newPhoto.imgName;
				document.body.appendChild(ta);
				document.title=ta.innerHTML;
				document.body.removeChild(ta);
			}
		}
		myJs.load(baseUrl);--%>*/
	}
	this.bntPicName=function(Isrc)
	{
		var srcArr=Isrc.split('/');
		return srcArr[srcArr.length-1];
	}
	this.setBnt=function(bnt1,bnt2)
	{
		this.bnt1=G(bnt1);
		this.bnt2=G(bnt2);
		if(this.bnt1 && this.bnt2) this.bandBnt();
	}
	this.bandBnt=function(){
		this.bnt1.onmouseover	=function(){_me.bnt1.src =_me.bnt1.src.replace('h_prev_no.gif','h_prev_yes.gif');}
		this.bnt1.onmouseout	=function(){ _me.bnt1.src =_me.bnt1.src.replace('h_prev_yes.gif','h_prev_no.gif');}
		this.bnt2.onmouseover	=function(){_me.bnt2.src =_me.bnt2.src.replace('h_next_no.gif','h_next_yes.gif');}
		this.bnt2.onmouseout	=function(){ _me.bnt2.src =_me.bnt2.src.replace('h_next_yes.gif','h_next_no.gif');}

		this.bnt1.onmousedown	=function(){if(_me.isGoing) return; _me.go(-1); _me.setCnt(1);  return false;}




		this.bnt1.ondragstart	=function(){return false;}
		this.bnt1.onmouseup		=function(){_me.setCnt(0);}
		this.bnt2.onmousedown	=function(){if(_me.isGoing) return;  _me.go(1); _me.setCnt(1); return false;}
		this.bnt2.ondragstart	=function(){return false;}
		this.bnt2.onmouseup		=function(){_me.setCnt(0);}



		document.onmouseup=function(){_me.setCnt(0);}

	}

	this.enableBnt=function(dBnt){
		switch(dBnt){
			case -1:this.bnt1.src=this.bnt1.src.replace('h_prev_dis.gif','h_prev_no.gif');  this.bnt1.title=''; this.bnt1.style.cursor='auto'; break;
			case 1 :this.bnt2.src=this.bnt2.src.replace('h_next_dis.gif','h_next_no.gif');  this.bnt2.title=''; this.bnt2.style.cursor='auto'; break;
		}
	}

	this.disableBnt=function(direc){

		if(!direc) return;
		if(!this.bnt1 || !this.bnt2) return;
		this.disBnt=direc;
		switch(direc)
		{
			case -1:this.bnt1.src='http://img.baidu.com/hi/img/newalbum/h_prev_dis.gif';  
					this.bnt1.title='已经是第一张'; this.bnt1.style.cursor='default'; break;
			case 1:this.bnt2.src='http://img.baidu.com/hi/img/newalbum/h_next_dis.gif';  
					this.bnt2.title='已是最后一张'; this.bnt2.style.cursor='default';  break;
		}
	}
	this.canGoon=function(t)  
	{
		this.isGoing=true;
		setTimeout("_me.isGoing=false;",t);
	}

	var keypress=false;
}

追梦少年888
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
百度收藏夹(ASP仿腾讯微博) v2.9.rar
07-06
百度收藏夹-本程序整合百度搜索、网址收藏、个人微博为一体，很适合给用户作为主页使用。整体程序均由小清自行开发，无任何版权问题，可以放心使用。 百度收藏夹 2.9 升级列表： 1、修改发表框中的表情部分到新的...
文件load事件：img、iframe
weixin_30247159的博客
06-19 357
iframe的 load 事件 在所有为IFRAME动态添加onload监听事件的方法中，只有 使用事件监听方式为 IFRAME 的 onload 事件绑定处理函数，IE6、7、8才有效。所以为 IFRAME 添加load事件完美方案如下： // 事件监听兼容方案 function addEvent(elem,event,fn){ if (elem.attachEvent) { ...
爬取煎蛋网图片的一种思路
cz_布衣的博客
09-19 493
任何一个学习的过程，都需要练手项目。学网络爬虫就总会想去爬点什么东西。网上更多介绍的就是爬取网站图片，图片网站一般都有会自己的一套反爬技术。昨天遇到有帖子在说爬煎蛋网图片，也就去试了试。 其中的反爬技术分析在 Python爬虫(15):煎蛋网加密处理方式 博客中已有详细解说，思路方法也有说了，大家可以仔细去看看。在这里，我的思路也一样，但实现方法不是去将其js方法改造成为python方法（虽然我也...
网页跳转代码大全
热门推荐
天蝎座
02-17 1万+
网页跳转代码大全 三种网页跳转代码： 如果你要在服务器端跳转，可以这样： Response.Redirect(www.zhyy.com.cn) Response.End (这个是asp.net的服务器代码“常用的”) 如果你要在客户端跳转，可以这样（js跳转）： window.location="http: //www.zhyy.com.cn";; 如果你要让页面显示几秒钟
Img load
weixin_34029680的博客
10-08 534
懒加载（又称为延迟加载图片）或符合某些条件时才加载某些图片 懒加载的意义：主要目的是作为服务器前段的优化，减少请求或延迟请求的次数。 呈现懒加载的三种形式： ①.纯粹的延时加载，使用setTimeout或者setInterval进行加载延迟，如果用户在加载前就离开了，那么自然就不会进行加载。 ②.第二种就是条件加载，符合某些条件，或者触发了某些事件才开始异步加载。 ③.第...
img预加载获取图片大小方法
黄天霸的专栏
01-16 2912
img预加载获取图片大小方法 [javascript] view plain copy  print? // 更新：     // 1、保证回调执行顺序：error > ready > load；2、回调函数this指向img本身     // 01、增加图片完全加载后的回调 2、提高性能          /**    * 图片头数据加载就绪事
史上最好传智播客就业班.net培训教程60G 不下会后悔
03-12
学完了这阶段课程，学员将学会开发主流网站的前端效果，比如：焦点图、滚动展示图、网页防复制、网页自定义菜单、WebOS、美女时钟、无刷新评论、评分控件、表格特效、图片悬浮详细信息、微博界面、QQ消息框效果、Div...
红色风格地方生活信息门户系统 v1.0
10-18
14、支持图片上传并可在页面中显示，增强广告效果；15、增加了SQL防注入功能和数据库防下载功能。16、系统安全管理（自动封注入者Ip功能，使注入者不能再访问本站）做地方分类信息很不错，很多地方信息网都是用
阿里门户分类信息程序商业正式免费版A6.0
03-17
14、支持图片上传并可在页面中显示，增强广告效果； 15、增加了SQL防注入功能和数据库防下载功能。 16、系统安全管理(自动封注入者Ip功能，使注入者不能再访问本站) 【系统安装】 1、打开conn.asp文件修改数据库路经...
红色风格地方生活信息门户系统 地方生活网站源码
03-08
14、支持图片上传并可在页面中显示，增强广告效果； 15、增加了SQL防注入功能和数据库防下载功能。 16、系统安全管理（自动封注入者Ip功能，使注入者不能再访问本站） 做地方分类信息很不错，很多地方信息网都是...
图片懒加载imglazylod之jquery.lazy.load.js的使用说明介绍及在移动端的兼容
weixin_33955681的博客
12-22 377
2019独角兽企业重金招聘Python工程师标准>>> ...
图片预加载之模拟img.load()
weixin_34293059的博客
05-05 1809
function imgBatchLoad(){ var instance = this; this.loadCount = 0; this.images = []; this.imgCount = 0; this.progress = 0; this.load = function(pathArray) { instance.imgCoun...
点击按钮，缩放图片（img.width、img.style.width、img.offsetWidth）
weixin_30784141的博客
05-10 338
前几天在慕课网上看到一个关于图片缩放的教学视频，因为当时对老师使用img.width,而不是使用img.style.width而感到奇怪，所以周末得空了，想来自己试着写出来，相关视频网址如下：http://www.imooc.com/video/1111； 最开始想着按照视频使用定时器的思路来写，但是写到后面发现使用img.width实现不了效果，然后就按照传参的思路来写，同样使用img.w...
前端实现图片（img）预加载
Revival_Liang的博客
06-02 2925
.box{width: 1000px;height: 7000px;position: relative;} .igm1,.igm2,.igm3{width: 1000px;height: 1000px;margin-bottom: 500px;} $("img").lazyload({ effect :"fadeIn", threshold
node-v18.18.2-headers.tar.xz
最新发布
05-20
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
node-v7.7.3-headers.tar.xz
05-20
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
使用C#,生成特定格式Word文档
05-20
Word文档的自动化生成，可以根据数据自动形成文档
JavaScript_简单的动画为您的顺风项目.zip
05-20
JavaScript
jquery图片滚动效果csdn
11-29
jQuery图片滚动效果是一种常见的网页设计技术，它能够在网页上实现图片自动滚动的效果，给用户更好的视觉体验。在CSND中，可以通过以下步骤实现这一效果： 首先，需要在HTML文件中引入jQuery库和相关的插件文件。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值