1. Controlar a visibilidade das barras de rolagem horizontais e verticais?
<body style="overflow-y:hidden"> Remova o eixo x
<body style="overflow-x:hidden"> Remova o eixo y
<body scroll="no">Não exibir
--------------------------------------- - --------------------------------------------
2. Descoloração do formulário
<TD onmouseover="this.style.backgroundColor='#FFFFFF'"
onmouseout="this.style.backgroundColor=''"
style="CURSOR: mão">
-------------------------------------------------- ----------------------------------
3. Proibir cópia, arraste o mouse para selecionar
<corpo ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false onselectstart=event.returnValue=false>
-------------------------------------------------- ----------------------------------
4. Página iframe comum
<iframe name="name" src="main.htm" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>
--------- -------------------------------------------------- -- -------------------
5. altura adaptativa do iframe
<iframe name="pindex" src="index.asp" frameborder=false scrolling="auto" width="100%" height="100%" frameborder=no onload="document.all['pindex'].style .height=pindex.document.body.scrollHeight" ></iframe>
-------------------------------------------------- ----------------------------------
6. Mude a barra de endereço do IE para seu próprio ícone e seu ícone poderá ser exibido em seus favoritos
<link rel="Ícone de atalho" href="favicon.ico">
<link rel="Bookmark" href="favicon.ico">
-------------------------------------------------- ----------------------------------
7. Dimensionamento do tamanho da fonte Cada vez mais pessoas passam muito tempo navegando na Internet, e a popularidade dos óculos também está aumentando cada vez mais. Aumente o texto para que mais usuários possam vê-lo com mais clareza.
<script type="texto/javascript">
função doZoom(tamanho)
{document.getElementById('zoom').style.fontSize=tamanho+'px';}
</script>
<span id="zoom">Texto do tamanho especificado</span>
<a href="javascript:doZoom(16)">Grande</a> <a href="javascript:doZoom(14)">Médio</a> <a href="javascript:doZoom(12)">Pequeno </a>
-------------------------------------------------- ----------------------------------
8. Código de página da web de salto simples Se quiser que a página salte após ser exibida por 3 segundos, você pode adicionar este código à parte <head></head> do código HTML:
<meta http-equiv="refresh" content="3; url=http://www.devdao.com">
-------------------------------------------------- ----------------------------------
9. O endereço incorporado preenchido com iframe (embedded frame) adaptive height deve estar no mesmo site desta página, caso contrário será exibido "Acesso negado!". Existem problemas de permissão com referências entre domínios. Verifique outras informações.
<iframe name="guestbook" src="gbook/index.asp" scrolling=no width="100%" height="100%" frameborder=no onload="document.all['guestbook'].style.height= guestbook.document.body.scrollHeight"></iframe>
-------------------------------------------------- ----------------------------------
10. Menu pular nova janela
<select name="select" onchange="window.open(this.options[this.selectedIndex].value)">
<option value=" http://www.microsoft.com/ie ">Internet Explorer</option>
<option value=" http://www.microsoft.com "> Página inicial da Microsoft</option>
<option value=" http://msdn.microsoft.com "> Rede de Desenvolvedores</option>
</selecionar>
-------------------------------------------------- ----------------------------------
11.opção de transparência flash
<param name="wmode" value="transparent">
-------------------------------------------------- -------------------------------
12. Adicione aos favoritos e defina como página inicial
<a href=# onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.devdao.com');">Definir como página inicial</a>
<a href="javascript:window.external.AddFavorite('http://www.devdao.com/','Webmaster Design Network')">Adicionar este site aos favoritos</a>
-------------------------------------------------- ----------------------------------
13. Registre e exiba o horário da última modificação da página da web
<linguagem de script=JavaScript>
document.write("Hora da última atualização: " + document.lastModified + "")
</script>
-------------------------------------------------- ----------------------------------
14. Contagem regressiva para feriados
<Linguagem de script="JavaScript">
var timedate= new Date("1 de outubro de 2002");
var times= "Dia Nacional";
var agora = nova Data();
var data = timedate.getTime() - agora.getTime();
var tempo = Math.floor(data / (1000 * 60 * 60 * 24));
se (tempo >= 0)
document.write("Agora existem: "+time +"dias" de "+times+")
</Script>
-------------------------------------------------- ----------------------------------
15. Adicione ao HEAD para desativar o cache
<meta http-equiv="Expira" CONTENT="0">
<meta http-equiv="Cache-Control" CONTENT="no-cache">
<meta http-equiv="Pragma" CONTENT="no-cache">
--------------------------------- - ------------------------------------------------- -
16. Torne transparente o fundo do documento dentro do quadro IFRAME
<iframe src="about:<body style='background:transparent'>" permitirtransparência></iframe>
-------------------------------------------------- ----------------------------------
17. Maximize a janela quando ela for aberta
<linguagem script="JavaScript">
<!-- Começar
self.moveTo(0,0)
self.resizeTo(tela.availWidth,tela.availHeight)
// Fim -->
</script>
-------------------------------------------------- ----------------------------------
18. Adicione música de fundo
<bgsound src="mid/windblue[1].mid" loop="-1"> aplica-se apenas ao IE
<embed src="music.mid" autostart="true" loop="true" hidden="true"> Aplicável ao Netscape e ao IE
-------------------------------------------------- ----------------------------------
19.Rolar
<marquee direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=2>Informações de rolagem
</marca>
-------------------------------------------------- ----------------------------------
20. Evite que a página seja redefinida para o código "javascript:void(null)" na parte superior da página em vez da marca "#" original ao clicar em um link vazio.
-------------------------------------------------- --------------------------
21. Texto ou imagens aparecem em uma janela de tamanho especificado e são adicionados ao corpo
<linguagem script="JavaScript" type="text/JavaScript">
função MM_openBrWindow(oURL,winName,features) {window.open(theURL,winName,features);}
</script>
código pop-up
<a href="#" target="_self" onClick="MM_openBrWindow('windows01.htm','','width=550,height=380')" width="550" height="380" border=" 0">Imagem ou texto</a>
-------------------------------------------------- ----------------------------------
22.Código da página de salto
<meta http-equiv="refresh" content="5;url=http://www.devdao.com">
-------------------------------------------------- ----------------------------------
23. Divisores de linha fina
<hr noshade size=0 color=#C0C0C0>
-------------------------------------------------- ----------------------------------
24. Quebra automática de linha em páginas da web
<td style="word-break:break-all">É isso.
completo é
style="table-layout: fixo;WORD-BREAK: quebrar tudo; WORD-WRAP: quebrar palavra"
-------------------------------------------------- ----------------------------------
25. Elimine a barra de ferramentas de imagem que aparece automaticamente no IE6 e defina o atributo GALLERYIMG como falso ou não.
<IMG SRC="minhaimagem.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no">
-------------------------------------------------- ----------------------------------
26. Proibir a seleção do conteúdo do corpo da página
<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return
falso"onmouseup="document.selection.empty()">
------------------------------------ ---- ---------------------------------------------- ----
27. Você não pode clicar com o botão direito, CTRL+A não é necessário e você não pode copiar!
<body oncontextmenu="window.event.returnValue=false"
onkeypress="window.event.returnValue=false"
onkeydown="window.event.returnValue=false"
onkeyup="window.event.returnValue=false"
ondragstart="window.event.returnValue=false"
onselectstart="event.returnValue=false">
</body>
-------------------------------------------------- ----------------------------------
28. O navegador IE suporta uma propriedade Body bgproperties, que pode impedir a rolagem do plano de fundo:
<Body Background="Arquivo de imagem" bgproperties="fixed">
-------------------------------------------------- ----------------------------------
29. Altere aleatoriamente a imagem de fundo (um efeito especial que pode refrescar seu humor)
<Linguagem de script="JavaScript">
image = new Array(4); //Define a imagem como um array de números de imagens image [0] = 'tu0.gif' //O caminho da imagem de fundo image [1] = 'tu1.gif'
imagem [2] = 'tu2.gif'
imagem [3] = 'tu3.gif'
imagem [4] = 'tu4.gif'
número = Math.floor(Math.random() * imagem.comprimento);
document.write("<BODY BACKGROUND="+imagem[número]+">");
</Script>
--------------------------------------------------------- - ----------------------------------
30. Botão de formulário de imagem
<form id="form1" name="form1" método="post" action="">
<img src="login.gif" width="62" height="22" onclick="document.form1.submit()" />
</form>
-------------------------------------------------- ----------------------------------
31. Método de definição CSS de fundos de sombra esquerdo e direito
corpo {
alinhamento de texto:centro;
repetição em segundo plano: repetição-y;
posição de fundo: centro;
imagem de fundo: url(../images/bg.jpg);
}
-------------------------------------------------- ----------------------------------
32. Cruze o link com o mouse
style="cursor:mão"
-------------------------------------------------- ----------------------------------
33. Como desligar camadas
<div id="Camada1"></div>
<a href="#" onClick="Layer1.style.display='none'">Fechar camada</a>
-------------------------------------------------- ----------------------------------
34. Script para fechar janela
<a href=javascript:close()>[Fechar janela]</a>
-------------------------------------------------- ----------------------------------
35. Se o texto for muito longo, a parte muito longa será exibida como reticências.
<DIV STYLE="largura: 120px; altura: 50px; borda: 1px azul sólido;overflow: oculto; text-overflow:ellipsis">
<NOBR>Por exemplo, há uma linha de texto tão longa que não pode ser exibida em uma linha da tabela.</NOBR>
</DIV>
-------------------------------------------------- ----------------------------------
36. Maximize automaticamente após entrar na página inicial
<roteiro>
self.moveTo(0,0)
self.resizeTo(tela.availWidth,tela.availHeight)
</script>
------------------------------------------------------------ ---- ----------------------------------
37. Texto gravado
<div style="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; font-size:12px; line-height:18px; background-color:# eeeee;">
<fonte desativada>
Que tal, estou amassado? <br>
Você não quer experimentar? <br>
<a href=" http://www.devdao.com/">www.devdao.com</a></font >
</div>
-------------------------------------------------- ----------------------------------
38. Execute a caixa de código
<roteiro>
funçãoPreview()
{var TestWin=open('');
TestWin.document.write(código.valor);}
</script>
<textarea id=código cols=60 linhas=15></textarea>
<br>
<button onclick=Preview() >Executar</button>
-------------------------------------------------- -------------------------------
38. Vincule o formulário
<table width="100%" onclick="window.open('http://www.devdao.com/', '_blank')" style="CURSOR:hand">
<tr>
<td height="100" bgcolor="f4f4f4"> </td>
</tr>
</tabela>
-------------------------------------------------- ----------------------------------
39. Deixe pop-ups sempre no topo
<body onblur="this.focus();">
-------------------------------------------------- ----------------------------------
40. Sombra de texto CSS
.shadowfont{FILTRO: dropshadow(color=#666666, offx=1, offy=1, positivo=1: "宋体"; COR: #ffffff;}
-------------------------------------------------- ----------------------------------
41. Volte e feche a janela e volte: javascript:history.back(1)
Fechar: javascript:window.close();
-------------------------------------------------- ----------------------------------
42. O formulário é transparente
estilo = "FILTRO: alfa (opacidade = 72)"
-------------------------------------------------- ----------------------------------
43. Como evitar que outras pessoas coloquem sua página da web em um frame
<script language="javascript"><!--if (self!=top){top.location=self.location;} -->< /script>
-------------------------------------------------- ----------------------------------
44.A diferença entre Alt e Título
alt é usado para dar dicas às imagens. O título é usado para fornecer texto de link ou dicas de texto comum.
<a href="#" Title="Dar dica de texto do link">Texto</a>
<p Title="Text dica para link">Texto</p>
<img src="Picture link" alt="Dicas para imagem">
------------------ -------------------------------------------------- ----------
45. Tente usar chamadas externas para todas as chamadas javascript.
<SCRIPT LANGUAGE="javascript" SRC="js/xxxxx.js"></SCRIPT>
-------------------------------------------------- ----------------------------------
46. Link para
resposta.redirect"login.asp"
localização.href="xx.asp"
onClick="window.location='login.asp'"
onClick="window.open('')"
--------------------------------------- ------ ----------------------------------------
47. Link básico estilos
a:link representa o estilo do link
a:active representa o estilo da conexão ativa atual
a:hover representa o estilo quando o mouse passa sobre ele
a:visited representa o estilo do link visitado
"link-visited-hover-active", abreviado como "lvha", ou seja, "love"+"hate"
-------------- -------------------------------------------------- -----------------
48. Defina estilos com diferentes efeitos de link de texto na mesma página
<style type="texto/css">
.verde {COR: #309633}
.green A:link {COR: #309633;TEXTO-DECORAÇÃO: nenhum}
.green A:visitado {COR: #309633;TEXTO-DECORAÇÃO: nenhuma}
.green A:hover {COR: #309633;TEXTO-DECORAÇÃO: sublinhado}
.green A:ativo {COR: #309633;DECORAÇÃO DE TEXTO: nenhum}
</estilo>
<a href="#" class="green">Texto</a>
-------------------------------- -------------------------------------------------- ------
49. Menu suspenso de salto
<select name=select onchange="javascript:window.open(this.options[this.selectedIndex].value)"style="color:#333">
<option>----Por favor selecione----</option>
<option value=" http://www.devdao.com ">Rede de design para webmasters</option>
<option value=" http://www.fontchina.cn/">Fonte</option >
</selecionar>
-------------------------------------------------- ----------------------------------
50. Selecione a solução para bloquear o div. Adicione o seguinte código ao div e ajuste-o conforme necessário.
<iframe src="javascript:false" scrolling="no" frameborder="0" style="z-index:-1;position:absolute; top:5px; left:2px;width:168;height:100px;" >
</iframe>
---------------------------------------------- - ----------------------------------
51. Todos os links da página inteira estão _em branco. Uma nova janela é aberta
<base target="_blank">.