Códigos prontos:
Em todos os códigos modifique o que está em azul,modifique se quiser o q está em laranja e RETIRE o q estiver em vinho.
11.
Impedir cópia com o botão direito do mouse(com mensagem):TESTE
(cole depois de <body> onde deseja que ele apareça na
página. modifique o que está em azul se desejar)
<!-- Aki começa código de clique como botão direito do mouse -->
<Script Language="JavaScript1.2">
<!--
if(document.all)
document.body.onmousedown=new Function("if(event.button==2||event.button==3)alert('Ops!
Você não pode usar o botão direito.')");
// -->
</SCRIPT>
<!-- Fim do código de clique como botão direito do mouse -->
12. Para
voltar ao topo da página:
(cole depois de <body> onde deseja que ele apareça na
página. modifique o que está em azul se desejar)
<!-- Aki começa código de clique para voltar ao inicio da página -->
<script language="javascript">
<!--
stop_position = 10 //aqui é a distancia do topo da tela, altere a seu gosto
scroll_speed = 5 // aqui é a velocidade, quanto maior, mais rapido, quanto
menor, mais lento
function scrollTop(){
if(scroll_speed>stop_position){
scroll_speed=stop_position
}
while(document.body.scrollTop >= stop_position){
window.scrollBy(0,-scroll_speed)
}
}
//document.ondblclick=scrollTop
// -->
</script>
<!-- Fim do código de clique como botão direito do mouse -->
2º Código entre <body> e </body>:
<!-- Aki começa código para voltar ao inicio da página -->
<a href="javascript:scrollTop()">Scroll To Top</a>
<!-- Fim do código para voltar ao inicio da página -->
13. Popup
programada para abrir qdo vc desejar:
(cole depois de <body> onde deseja que ele apareça na
página.)
<!-- Aki começa código para popup abrir qdo vc quer (com continuação em body)-->
<SCRIPT LANGUAGE="Javascript">
<!--
function popupPage() {
var page = "LINK DA PAGINA Q VAI ABRIR";
windowprops = "location=no,"
+ "scrollbars=yes,menubars=no,toolbars=no,resizable=yes";
window.open(page, "Popup", windowprops);
}
// -->
</SCRIPT>
<!-- Fim do código para popup abrir qdo vc quer -->
2º Código entre <body> e </body>:
(Coloque
esse código dentro dos sinais q abrem e fecham body, pois como pode ver ele é parte integrante.)Obs.:
a palavra Body só é necessária se no seu código ainda não houver , caso haja, não é necessário body
apenas incorpore o restante ao Body já existente.
<BODY onLoad="setTimeout('popupPage()', 3000);><< aki é o tempo em que sua popup irá abrir... nesse abre em 3 segundos...mude se quiser
14.
Imagem caindo no site:
(cole
entre <head> e </head>)
<!-- Aki começa código para imagem caindo no site-->
<script language="JavaScript1.2">
//Autumn leaves- by Kurt Grigg (kurt.grigg@virgin.net)
//visite http://www.vickys.com.br
grphcs=new Array(6)
Image0=new Image();
Image0.src=grphcs[0]="ENDERECO DA IMAGEM";
Image1=new Image();
Image1.src=grphcs[1]="ENDERECO DA IMAGEM"
Image2=new Image();
Image2.src=grphcs[2]="ENDERECO DA IMAGEM"
Image3=new Image();
Image3.src=grphcs[3]="ENDERECO DA IMAGEM"
Image4=new Image();
Image4.src=grphcs[4]="ENDERECO DA IMAGEM"
Image5=new Image();
Image5.src=grphcs[5]="ENDERECO DA IMAGEM"
Amount=8;
Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;
ns6=(document.getElementById&&!document.all)?1:0;
if (ns){
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write("<LAYER NAME='sn"+i+"' LEFT=0
TOP=0><img src="+rndPic+"></LAYER>");<<
se quiser mudar o numero aki top... a distancia q quer q as imagens caiam do
topo. Left a distancia delas e a lateral esquerda da tela... fica a seu
critério. Assim como está sai do topo e não ditancia-se da lateral.
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
for (i=0; i < Amount; i++){
Ypos[i] = Math.round(Math.random()*WinHeight);
Xpos[i] = Math.round(Math.random()*WinWidth);
Speed[i]= Math.random()*5+3;
Cstep[i]=0;
Step[i]=Math.random()*0.0+0.05;<<
caso queira colocar 0.1+0.05 a imagem mexerá de forma mais aleatória.
}
function fall(){
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < Amount; i++){
sy = Speed[i]*Math.sin(10*Math.PI/180);<<
se colocar um numero negativo em vez de descer a imagem sobe mas não é contínuo
como ele caindo.
sx = Speed[i]*Math.cos(Cstep[i]);
Ypos[i]+=sy;
Xpos[i]+=sx;
if (Ypos[i] > WinHeight){
Ypos[i]=-60;
Xpos[i]=Math.round(Math.random()*WinWidth);
Speed[i]=Math.random()*5+3;
}
if (ns){
document.layers['sn'+i].left=Xpos[i];
document.layers['sn'+i].top=Ypos[i]+hscrll;
}
else if (ns6){
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);
document.getElementById("si"+i).style.top=Ypos[i]+hscrll;
}
else{
eval("document.all.si"+i).style.left=Xpos[i];
eval("document.all.si"+i).style.top=Ypos[i]+hscrll;
}
Cstep[i]+=Step[i];
}
setTimeout('fall()',20);
}
window.onload=fall
//-->
</script>
<!-- Fim do código para imagem caindo no
site-->
15.
Caixinha com links:
(cole depois de <body> onde deseja que ele apareça na
página.)
<!-- código para caixinha com links selecionáveis -->
<form>
<p align="center">
<select name=menu1 size="1" onchange="location.href=(form.menu1.options[form.menu1.selectedIndex].value)"
style="font-family: Verdana;<< tipo
de fonte color: #ff6699;<<
cor da fonte border: 1px dashed #FF0099; font-size: 10 pt;<<
tamanho da fonte background: #FFFFFF;
<< fundo da caixinha">
<option value="0"> **Blogs**</option>
<option value="0"></option>
<!-- aki começa a parte dos links -->
<option value="LINK
1">Nome do Link 1</option>
<option value="LINK 2">Nome
do Link 2</option>
<option value="LINK 3">Nome
do Link 3</option>
<option value="LINK 4">Nome
do Link 4</option>
</select> </p>
</form>
<!-- Fim código para caixinha com links selecionáveis -->
16.
Abrir janela em outra página:
(cole depois de <body> onde deseja que ele apareça na
página.)
<!-- código para abrir janela em uma nova página
-->
<a href="#" onClick="window.open('http://cuteblog.no.sapo.pt/blogs_filhos.htm','Janela','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,width=436,height=488');<<código
de como vai abrir...Tamanho...Se terá ou não barra de status barra de rolagem...
Teste e confira return false;">
<font color="#A97681"<<
cor da fonte face="Verdana"<<
tipo de fonte size="1">Clica Aqui</font></a><br>
<br>
<!-- Fim código para abrir janela em nova página -->
17.
Copiar e colar:
(cole depois de <body> onde deseja que ele apareça na
página.)
<!-- código para copiar e colar (ele seleciona tudo
q estiver na textarea e copia)
-->
<form>
<SCRIPT LANGUAGE="JavaScript">
var copytoclip=1
function HighlightAll(theField) {
var tempval=eval("document."+theField)
tempval.focus()
tempval.select()
if (document.all&©toclip==1){
therange=tempval.createTextRange()
therange.execCommand("Copy")
window.status="Conteúdo selecionado e copiado para a área de transferência!"
setTimeout("window.status=''",2400);
}
}
function highlight(field) {
field.focus();
field.select();
}
function goToURL() { window.location = "javascript:HighlightAll('forms[0].select')";
}
</script>
<textarea name="select"onClick='highlight(this);' rows="1" cols="20">TEXTO</textarea><br>
<input type=button value="Selecionar e Copiar" onClick="goToURL()"></p>
</form>
<!-- Fim do código para copiar e colar
-->
17.
Titulo da página animado:
(cole depois de <title></title>
sendo q não deve ter nada entre estes)
<!-- código para Animar o titulo da pagina
-->
<SCRIPT LANGUAGE="JavaScript">
ie4 = (document.all)? true:false
var langd=0;textStr="AKI O TITULO DA SUA PÀGINA COMO VOCE
DESEJA";textStr2=" ";
if (ie4) skriv();
function skriv() {
if (langd < textStr.length)
{
langd+=1;
document.title=textStr.substring(0,langd) + textStr2.substring(langd,textStr2.length);
setTimeout('skriv()',250);
}else{
langd=0;
langd=0;
setTimeout('skriv()',1500);
}}
//-->
</SCRIPT>
17.
Mudar cor dos links na página:
(cole entre
<head> e </head>)
<!-- código para ficar mudando cor dos links
existentes napágina
-->
<SCRIPT LANGUAGE="JavaScript">
function initArray() {
for (var i = 0; i < initArray.arguments.length; i++) {
this[i] = initArray.arguments[i];
}
this.length = initArray.arguments.length;
}
var colors = new initArray(
"red",
"blue",
"green",
"purple",
"black",
"tan",
"red");
delay = .5; // segundos
link = 0;
vlink = 2;
function linkDance() {
link = (link+1)%colors.length;
vlink = (vlink+1)%colors.length;
document.linkColor = colors[link];
document.vlinkColor = colors[vlink];
setTimeout("linkDance()",delay*1000);
}
linkDance();
</SCRIPT>