Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

carmolim

como fazer essa barra de rolagem???

Por , em Flash, ActionScript e tecnologias Adobe

Recommended Posts

Morpheus#2005    1

Morpheus#2005
Postado

Isso é javascript......mas rola tbm se você fizer com eventos usando ONMOUSEOVER E OUT...Combinando com MARQUEE.Procura na net que tem esse efeito..

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paredao    0

Paredao
Postado

Tenho o codigo que eu retirei do site do net virtua, se você quizer e so me add no msn paredaoflog@hotmail.com

 

este e o .js<!-- var upH = 12; // Height of up-arrowvar upW = 12; // Width of up-arrowvar downH = 12; // Height of down-arrowvar downW = 12; // Width of down-arrowvar dragH = 12; // Height of scrollbarvar dragW = 12; // Width of scrollbarvar scrollH = scrollVy; // Height of scrollbarvar speed = 5; // Scroll speed// And now... go to the bottom of the page...// Browser detectionvar dom = document.getElementById ? true:false;var nn4 = document.layers ? true:false;var ie4 = document.all ? true:false;var mouseY; // Mouse Y position onclickvar mouseX; // Mouse X position onclickvar clickUp = false; // If click on up-arrowvar clickDown = false; // If click on down-arrowvar clickDrag = false; // If click on scrollbarvar clickAbove = false; // If click above scrollbarvar clickBelow = false; // If click below scrollbarvar timer = setTimeout("",500); // Repeat variablevar upL; // Up-arrow Xvar upT; // Up-arrow Yvar downL; // Down-arrow Xvar downT; // Down-arrow Yvar dragL; // Scrollbar Xvar dragT; // Scrollbar Yvar rulerL; // Ruler Xvar rulerT; // Ruler Yvar contentT; // Content layer Y;var contentH; // Content heightvar contentClipH; // Content clip heightvar scrollLength; // Number of pixels scrollbar should movevar startY; // Keeps track of offset between mouse and spanpicup = new Image();	picup.src = "up.gif";picdown = new Image();  picdown.src = "down.gif";picdrag = new Image();  picdrag.src = "drag.gif";// Preloadfunction eventLoader(){		if(ie4){						// Up-arrow X and Y variables				upL = document.all.up.style.pixelLeft;				upT = document.all.up.style.pixelTop;		   				// Down-arrow X and Y variables				downL = document.all.down.style.pixelLeft;				downT = document.all.down.style.pixelTop;				// Scrollbar X and Y variables				dragL = document.all.drag.style.pixelLeft;				dragT = document.all.drag.style.pixelTop;			   				// Ruler Y variable				rulerT = document.all.ruler.style.pixelTop;			 				// Height of content layer and clip layer				contentH = document.all.content.offsetHeight;				contentClipH = document.all.contentClip.offsetHeight;		}		else if(nn4){				// Up-arrow X and Y variables				upL = document.up.left;				upT = document.up.top;		  				// Down-arrow X and Y variables				downL = document.down.left;				downT = document.down.top;			  				// Scrollbar X and Y variables				dragL = document.drag.left;				dragT = document.drag.top;			  				// Ruler Y variable				rulerT = document.ruler.top;				// Height of content layer and clip layer				contentH = document.contentClip.document.content.clip.bottom;				contentClipH = document.contentClip.clip.bottom;		}		else if(dom){				// Up-arrow X and Y variables				upL = parseInt(document.getElementById("up").style.left);				upT = parseInt(document.getElementById("up").style.top);				// Down-arrow X and Y variables				downL = parseInt(document.getElementById("down").style.left);				downT = parseInt(document.getElementById("down").style.top);				// Scrollbar X and Y variables				dragL = parseInt(document.getElementById("drag").style.left);				dragT = parseInt(document.getElementById("drag").style.top);				// Ruler Y variable				rulerT = parseInt(document.getElementById("ruler").style.top);				// Height of content layer and clip layer				contentH = document.getElementById("content").offsetHeight;				contentClipH = document.getElementById("contentClip").offsetHeight;				document.getElementById("content").style.top = 0 + "px";						}		// Number of pixels scrollbar should move		scrollLength = ((scrollH-dragH)/(contentH-contentClipH));		// Initializes event capturing		if(nn4){				document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP)				window.onresize = reloadPage;		}		document.onmousedown = down;		document.onmousemove = move;		document.onmouseup = up;}// Mousedownfunction down(e){		if((document.layers && e.which!=1) || (document.all && event.button!=1)) return true; // Enables the right mousebutton		  		getMouse(e);		startY = (mouseY - dragT);				// If click on up-arrow		if(mouseX >= upL && (mouseX <= (upL + upW)) && mouseY >= upT && (mouseY <= (upT + upH))){				clickUp = true;				//picDown('up');				return scrollUp();		}	   		// Else if click on down-arrow		else if(mouseX >= downL && (mouseX <= (downL + downW)) && mouseY >= downT && (mouseY <= (downT + downH))){				clickDown = true;				//picDown('down');				return scrollDown();		}		// Else if click on scrollbar		else if(mouseX >= dragL && (mouseX <= (dragL + dragW)) && mouseY >= dragT && (mouseY <= (dragT + dragH))){				clickDrag = true;				//picDown('drag');				return false;		}		else if(mouseX >= dragL && (mouseX <= (dragL + dragW)) && mouseY >= rulerT && (mouseY <= (rulerT + scrollH))){				// If click above drag				if(mouseY < dragT){						clickAbove = true;						clickUp = true;						return scrollUp();				}				// Else click below drag				else{						clickBelow = true;						clickDown = true;						return scrollDown();				}		}		// If no scrolling is to take place		else{				return true;		}}function picDown(which){		if(document.all) {				eval('document.all.pic' + which + '.src = pic' + which + '.src');		}		else {				eval('document.' + which + '.document.pic' + which + '.src = pic' + which + '.src');		}}function picUp(which){		if(document.all) {				eval('document.all.pic' + which + '.src = "' + which + '.gif"');		}		else {				eval('document.' + which + '.document.pic' + which + '.src = "' + which + '.gif"');		}}// Drag functionfunction move(e){		if(clickDrag && contentH > contentClipH){				getMouse(e);				dragT = (mouseY - startY);								if(dragT < (rulerT))						dragT = rulerT;		 				if(dragT > (rulerT + scrollH - dragH))						dragT = (rulerT + scrollH - dragH);								contentT = ((dragT - rulerT)*(1/scrollLength));				contentT = eval('-' + contentT);				moveTo();		}		// So ie-pc doesn't select gifs		if(ie4)				return false;}function up(){		clearTimeout(timer);		// Resetting variables		clickUp = false;		clickDown = false;		clickDrag = false;		clickAbove = false;		clickBelow = false;		//picUp('up');		//picUp('down');		//picUp('drag');		return true;}// Reads content layer topfunction getT(){		if(ie4)				contentT = document.all.content.style.pixelTop;		else if(nn4)				contentT = document.contentClip.document.content.top;		else if(dom)				contentT = parseInt(document.getElementById("content").style.top);}// Reads mouse X and Y coordinatesfunction getMouse(e){		if(ie4){				mouseY = event.clientY;				mouseX = event.clientX;		}		else if(nn4 || dom){				mouseY = e.pageY;				mouseX = e.pageX;		}}// Moves the layerfunction moveTo(){		if(ie4){								document.all.content.style.top = contentT;						document.all.ruler.style.top = dragT;						document.all.drag.style.top = dragT;		}		else if(nn4){				document.contentClip.document.content.top = contentT;				document.ruler.top = dragT;				document.drag.top = dragT;		}		else if(dom){				document.getElementById("content").style.top = contentT + "px";				document.getElementById("drag").style.top = dragT + "px";				document.getElementById("ruler").style.top = dragT + "px";		}}// Scrolls upfunction scrollUp(){		getT();				if(clickAbove){				if(dragT <= (mouseY-(dragH/2)))						return up();		}				if(clickUp){				if(contentT < 0){						dragT = dragT - (speed*scrollLength);												if(dragT < (rulerT))								dragT = rulerT;														contentT = contentT + speed;						if(contentT > 0)								contentT = 0;												moveTo();						timer = setTimeout("scrollUp()",25);				}		}		return false;}// Scrolls downfunction scrollDown(){		getT();				if(clickBelow){						if(dragT >= (mouseY-(dragH/2)))						return up();		}		if(clickDown){				if(contentT > -(contentH - contentClipH)){					  						dragT = dragT + (speed*scrollLength);						if(dragT > (rulerT + scrollH - dragH))								dragT = (rulerT + scrollH - dragH);												contentT = contentT - speed;						if(contentT < -(contentH - contentClipH))								contentT = -(contentH - contentClipH);												moveTo();						timer = setTimeout("scrollDown()",25);				}		}		return false;}// reloads page to position the layers againfunction reloadPage(){		location.reload();}//-->

Compartilhar este post

Link para o post
Compartilhar em outros sites

Pinotte    0

Pinotte
Postado

putz cara... lê o q tá em ingles...(ñ vou traduzir)e outra... se você der uma pekenina estudada em javascript, você vai saber exatamente onde você coloca os codigos...1- da uma estudada rapida(mas boa)2- faz uma aula de ingles (nao entenda como uma ofensa, e sim uma ajuda)3- estuda o codigo por completo

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paredao    0

Paredao
Postado

como que usa esse código??o que que eu tenho que fazer??onde que eu coloco esse código??muuitas dúvidas....

coloka assim
<HTML><HEAD><TITLE>NET Vírtua</TITLE><LINK REL="StyleSheet" HREF="http://www.netvirtua.com.br/shared/css/estilo.css" type="text/css"><script src="dynclick.js" type="text/javascript"></script><script LANGUAGE="JavaScript" SRC="http://www.netvirtua.com.br/shared/js/funcoes.js"></SCRIPT><script language=javascript>var scrollVy = 83var scrollHx = 83</SCRIPT><script language=javascript src="scroll.js"></SCRIPT>   // este e a linha onde entra o cod acima<script LANGUAGE="JavaScript">function ShowHide(parTab){	document.all.tabNovasvantagens.style.display = 'none';	document.all.tabMegaflash.style.display = 'none';		document.all.tabMegavelocidade.style.display = 'none';			document.all.tabEnvio.style.display = 'none';	document.all.tabFacilidade.style.display = 'none';	document.all.tabEstabilidade.style.display = 'none';	document.all.tabAltavelocidade.style.display = 'none';	document.all.tabLinhatelefonica.style.display = 'none';	document.all.tabMultiplataforma.style.display = 'none';	eval("document.all." + parTab + ".style.display = 'inline';");}function HideScroll(){	document.all.divScroll.style.display = 'none';	document.all.picdrag.style.display = 'none';}function ShowScroll(){	document.all.divScroll.style.display = 'inline';	document.all.picdrag.style.display = 'inline';}</SCRIPT></HEAD>
So para avisar netvirtua saiu fora do ar, procura na net sobre net virtua, HAHAH SE MEXA RAPAZ, ja fiz o mais dificel agora e so completar

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Flash, ActionScript e tecnologias Adobe
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito