Scripts para você enriquecer o seu site !!!
|
|
Scripts para você enriquecer o seu site !!!
|
Copie e cole o código que deseja colocar na sua página. Use os comandos CTRL+C e CTRL+V, respectivamente.
Cuidado para não copiar os comentários. Bons trabalhos!
A página ocupa a tela toda, sem barra de navegação e botões.
Passo 1
<script language="JavaScript">
<!--
function Remote() {
var remote = null
remote = window.open('','vRemote','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,fullscreen=yes')
if (remote != null) {
if (remote.opener == null) {
remote.opener = self
}
remote.location.href = 'ENDEREÇO DA PÁGINA QUE SERÁ ABERTA AQUI'
}
}
Remote();
history.go(-1);
// -->
</script>
Passo 2
Com o site em tela cheia, os usuários precisam ter uma opção para fechar esta janela quando desejarem. Para isso, basta você incluir em sua página um código HTML que terá um link com essa finalidade. Copie o código abaixo e cole-o na página que vai estar em tela cheia:
<a href="#" ONCLICK="self.close()">Fechar a janela</a>
A página só será acessada por pessoas que tenham a senha, fornecida por você.
Ex. Veja a página "Diversos" deste site e escolha "Histórico".
Para ter este recurso coloque um código na página que será a "entrada" e terá o campo de senha. Lembre-se a senha sempre será o nome da página a ser aberta sem a extensão .htm
<Form name="frm">
<center>
<Script Language="JavaScript">
<!--
//
function loadpage(){
var psj=0;
newwin = window.open(document.frm.pswd.value + ".htm")
//window.location.href=document.frm.pswd.value + ".htm"
}
//-->
</script>
Digite sua senha:
<input
type="password" name="pswd" size="20">
</center>
<center>
<p>
<input type="button" value="Entre!"
onClick="loadpage()" name="button">
</p>
</center>
</form>
O visitante tem dificuldades em acessar o código-fonte, ao clicar com o botão direito do mouse.
Ex. Clique com o botão direito do mouse em qualquer página deste site, com exceção dessa.
<Script language=JavaScript>
function right(e) {
if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){
alert("Coloque a mensagem aqui");
return false;
}
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 || event.button == 3)) {
alert("Coloque a mensagem aqui");
return false;
}
return true;
}
document.onmousedown=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
</script>
Ao entrar no site o internauta recebe "bom dia", "boa tarde" ou "boa noite".
Ex. Acesse a página "Operações" desta Home Page.
<Font size=2 face=arial><b>
<Script Language="JavaScript">
<!--
today = new Date()
if(today.getMinutes() < 10){
pad = "0"}
else
pad = "";
document.write ;if((today.getHours() >=6) && (today.getHours()
<=9)){
document.write("Bom dia!")
}
if((today.getHours() >=10) && (today.getHours() <=11)){
document.write("Bom dia!")
}
if((today.getHours() >=12) && (today.getHours() <=17)){
document.write("Boa tarde!")
}
if((today.getHours() >=18) && (today.getHours() <=23)){
document.write("Boa noite!")
}
if((today.getHours() >=0) && (today.getHours() <=3)){
document.write("Boa noite!")
}
if((today.getHours() >=4) && (today.getHours() <=5)){
document.write("Boa noite!")
}
// -->
</script>
</b></font>
Data em sua página, com atualização automática.
Ex. Acesse a página "Avisos" desta Home Page.
<Script Language="JavaScript">
<!--
mydate = new Date();
myday = mydate.getDay();
mymonth = mydate.getMonth();
myweekday= mydate.getDate();
weekday= myweekday;
if(myday == 0)
day = " Domingo, "
else if(myday == 1)
day = " Segunda - Feira, "
else if(myday == 2)
day = " Terça - Feira, "
else if(myday == 3)
day = " Quarta - Feira, "
else if(myday == 4)
day = " Quinta - Feira, "
else if(myday == 5)
day = " Sexta - Feira, "
else if(myday == 6)
day = " Sábado, "
if(mymonth == 0)
month = "Janeiro "
else if(mymonth ==1)
month = "Fevereiro "
else if(mymonth ==2)
month = "Março "
else if(mymonth ==3)
month = "Abril "
else if(mymonth ==4)
month = "Maio "
else if(mymonth ==5)
month = "Junho "
else if(mymonth ==6)
month = "Julho "
else if(mymonth ==7)
month = "Agosto "
else if(mymonth ==8)
month = "Setembro "
else if(mymonth ==9)
month = "Outubro "
else if(mymonth ==10)
month = "Novembro "
else if(mymonth ==11)
month = "Dezembro "
document.write("<font face=arial, size=1>"+ day);
document.write(myweekday+" de "+month+ "</font>");
// -->
</script>
Coloca a hora em sua home page, com segundos.
Passo 1
Para que o recurso inicie junto com a página, você precisa incluir dentro da tag <BODY> o parâmetro de início. Dê um espaço após o último parâmetro e inclua o seguinte:
Onload="show5()"
Um exemplo simples de como fica a tag:
<body Onload="show5()">
Atenção! Sem isso seu relógio não irá funcionar.
Passo 2
Inclua o seguinte código em sua página abaixo da tag <body>:
<Font face=Verdana><span id=relogio style="POSITION: absolute">
</span>
<Script Language=JavaScript>
<!--
function show5(){
if (!document.layers&&!document.all)
return
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="AM"
if (hours>12){
dn="PM"
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
meurelogio="<font size='5' face='Arial'><b>"+hours+":"+minutes+":"
+seconds+" "+dn+"</b></font>"
if (document.layers){
document.layers.relogio.document.write(meurelogio)
document.layers.relogio.document.close()
}
else if (document.all)
relogio.innerHTML=meurelogio
setTimeout("show5()",1000)
}
//-->
</script>
</font>
Dá dinâmica à sua página, pois qualquer imagem pode passear pela tela.
Ex. Veja a página "Construção de Sites".
<SCRIPT language="JavaScript1.2">
var imagem="Coloque o nome do arquivo de imagem aqui"
if (document.layers)
{document.write("<LAYER NAME='animacao' LEFT=10 TOP=10><img src='"+imagem+"'
></LAYER>")}
else if (document.all){document.write("<div id='animacao' style='position:absolute;top:10px;left:10px;width:17px;height:22px;z-index:50'><img
src='"+imagem+"'></div>")}
conta=-1;
move=1;
function curva(){
abc=new Array(0,1,1,1,2,3,4,0,6,-1,-1,-1,-2,-3,-4,0,-6)
for (i=0; i < abc.length; i++)
{var C=Math.round(Math.random()*[i])}
iniciar=abc[C];
setTimeout('curva()',1900);
return iniciar;
}
ypos=10;
xpos=10;
movimento = 60;
function moveR(){
caminho=movimento+=iniciar;
y = 4*Math.sin(caminho*Math.PI/180);
x = 6*Math.cos(caminho*Math.PI/180);
if (document.layers){
ypos+=y;
xpos+=x;
document.animacao.top=ypos+window.pageYOffset;
document.animacao.left=xpos+window.pageXOffset;
}
else if (document.all){
ypos+=y;
xpos+=x;
document.all.animacao.style.top=ypos+document.body.scrollTop;
document.all.animacao.style.left=xpos+document.body.scrollLeft;
}
T=setTimeout('moveR()',50);
}
function edges(){
if (document.layers){
if (document.animacao.left >=
window.innerWidth-40+window.pageXOffset)movimento=Math.round(Math.random()*45+157.5);
if (document.animacao.top >=
window.innerHeight-30+window.pageYOffset)movimento=Math.round(Math.random()*45-112.5);
if (document.animacao.top <= 2+window.pageYOffset) movimento =
Math.round(Math.random()*45+67.5);//OK!
if (document.animacao.left <= 2+window.pageXOffset) movimento =
Math.round(Math.random()*45-22.5);//OK!
}
else if (document.all)
{
if (document.all.animacao.style.pixelLeft >=
document.body.offsetWidth-45+document.body.scrollLeft)movimento=Math.round(Math.random()*45+157.5);
if (document.all.animacao.style.pixelTop >=
document.body.offsetHeight-35+document.body.scrollTop)movimento=Math.round(Math.random()*45-112.5);
if (document.all.animacao.style.pixelTop <= 2+document.body.scrollTop)
movimento = Math.round(Math.random()*45+67.5);//OK!
if (document.all.animacao.style.pixelLeft <= 2+document.body.scrollLeft)
movimento = Math.round(Math.random()*45-22.5);//OK!
}
setTimeout('edges()',100);
}
function efeito(){
curva();
moveR();// onUnload="opener.gO()"
edges();
}
if (document.all||document.layers)
efeito()
</script>
Uma imagem que você escolher fica seguindo o mouse.
Ex. Acesse a página "Felipe Caiazzo" desta Home Page.
Passo 1
<script language="JavaScript">
<!--
function YY_Mousetrace(evnt)
{
if (yyns4)
{
if (evnt.pageX) {yy_ml=evnt.pageX; yy_mt=evnt.pageY;} }
else{
yy_ml=(event.clientX + document.body.scrollLeft);
yy_mt=(event.clientY + document.body.scrollTop);
}
if (yy_tracescript)eval(yy_tracescript)
}
//-->
</script>
<script language="JavaScript">
<!--
function YY_Layerfx(yyleft,yytop,yyfnx,yyfny,yydiv,yybilder,yyloop,yyto,yycnt,yystep)
{
if ((document.layers)||(document.all)){
eval("myfunc=yyfnx.replace(/x/gi, yycnt)");
with (Math) {yynextx= eval(myfunc)}
eval("myfunc=yyfny.replace(/x/gi, yycnt)");
with (Math) {yynexty= eval(myfunc)}
yycnt=(yyloop && yycnt>=yystep*yybilder)?0:yycnt+yystep;
if (document.layers){
eval(yydiv+".top="+(yynexty+yytop))
eval(yydiv+".left="+(yynextx+yyleft))
}
if (document.all){
eval("yydiv=yydiv.replace(/.layers/gi, '.all')");
eval(yydiv+".style.pixelTop="+(yynexty+yytop));
eval(yydiv+".style.pixelLeft="+(yynextx+yyleft));
}
argStr='YY_Layerfx('+yyleft+','+yytop+',"'+yyfnx+'","'+yyfny+'","'+yydiv+'",
'+yybilder+','+yyloop+','+yyto+','+yycnt+','+yystep+')';
if (yycnt<=yystep*yybilder){eval(yydiv+".yyto=setTimeout(argStr,yyto)");}
}
}
//-->
</script>
<script language='JavaScript'>
<!--
var yyns4=window.Event?true:false; var yy_mt = 0; var yy_ml = 0;
if (yyns4) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = YY_Mousetrace;
yy_tracescript = '';
//-->
</script>
<div id="Orbita" style="position:absolute; left: 475px; top: 11px; width: 36px; height: 32px"><img src="Coloque aqui o nome de arquivo de imagem" border=0></div>
Passo 2
Agora é necessário que você coloque o código abaixo na sua tag <body>. Ela ficará assim:
<body onLoad="YY_Mousetrace('',',document.YY_Mousetrace1'); YY_Layerfx(8,18,'yy_ml','yy_mt','document.layers[\'Orbita\']',50000,false,0,0,10)">
Se por acaso já houver outros parâmetros em sua tag <body>, dê um
espaço após o último e depois inclua :
onLoad="YY_Mousetrace('',',document.YY_Mousetrace1');
YY_Layerfx(8,18,'yy_ml','yy_mt','document.layers[\'Orbita\']',50000,false,0,0,10)"
A janela treme poucos segundos, quando o visitante entra no seu site.
<script language="JavaScript1.2">
function tremer(n) {
if (self.moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
self.moveBy(0,i);
self.moveBy(i,0);
self.moveBy(0,-i);
self.moveBy(-i,0);
}}}}
tremer(5)
</script>
Você pode incluir qualquer descrição que desejar para os links de sua página.
Ex. Acesse a página "Sites Desenvolvidos (Formulário)" (no final da página) desta Home Page.
Passo 1
<SCRIPT LANGUAGE="JavaScript">
<!--
if (!document.layers&&!document.all)
event="test";
function Mostra(current,e,text)
{
if (document.all)
{
titulo=text.split('<BR>')
if (titulo.length>1)
{
titulos=''
for (i=0;i<titulo.length;i++)
titulos+=titulo[i]
current.title=titulos
}
else
current.title=text
}
else if (document.layers){
document.texto.document.write('<layer bgColor="white" style="border:1px
solid
black;font-size:15px;font-family:Arial;font-size:9pt;font-weight:bold">'+text+'</layer>')
document.texto.document.close()
document.texto.left=e.pageX+5
document.texto.top=e.pageY+5
document.texto.visibility="show"
}
}
function Esconde(){
if (document.layers)
document.texto.visibility="hidden"
}
//-->
</SCRIPT>
<DIV ID="texto" STYLE="POSITION: absolute; VISIBILITY: hidden"></DIV>
Passo 2
Agora você deve incluir em cada link a descrição que vai aparecer. Inclua este parâmetro em cada tag de link:
onMouseOver="Mostra(this,event,'Coloque a mensagem aqui')" onMouseOut="Esconde()"
Exemplo:
Seu link é assim:
<a href=fotos.html>Fotos</a>
E fica assim:
<a href=fotos.html onMouseOver="Mostra(this,event,'Novas fotos da viagem
que fiz este ano!')" onMouseOut="Esconde()">Fotos</a>