1. Contrôler la visibilité des barres de défilement horizontales et verticales ?
<body style="overflow-y:hidden"> Supprimer l'axe des x
<body style="overflow-x:hidden"> Supprimer l'axe y
<body scroll="no">Ne pas afficher
--------------------------------------- - ---------------------------------------------
2. Décoloration des formes
<TD onmouseover="this.style.backgroundColor='#FFFFFF'"
onmouseout="this.style.backgroundColor=''"
style="CURSEUR : main">
-------------------------------------------------- ----------------------------------
3. Interdire la copie, faites glisser la souris pour sélectionner
<body ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false onselectstart=event.returnValue=false>
-------------------------------------------------- ----------------------------------
4. Page iframe ordinaire
<iframe name="name" src="main.htm" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>
--------- -- ------------------------------------------------ -- -------------------
5.hauteur adaptative 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. Remplacez la barre d'adresse IE par votre propre icône et votre icône peut être affichée dans vos favoris
<link rel="Icône de raccourci" href="favicon.ico">
<link rel="Bookmark" href="favicon.ico">
-------------------------------------------------- ----------------------------------
7. Mise à l'échelle de la taille de la police De plus en plus de personnes passent beaucoup de temps à surfer sur Internet, et la popularité des lunettes est également de plus en plus grande. Agrandissez le texte afin que davantage d'utilisateurs puissent le voir plus clairement.
<script type="text/javascript">
fonction doZoom(taille)
{document.getElementById('zoom').style.fontSize=size+'px';}
</script>
<span id="zoom">Texte de taille spécifiée</span>
<a href="javascript:doZoom(16)">Grand</a> <a href="javascript:doZoom(14)">Moyen</a> <a href="javascript:doZoom(12)">Petit </a>
-------------------------------------------------- ----------------------------------
8. Code de page Web de saut simple Si vous souhaitez que la page saute après 3 secondes d'affichage, vous pouvez ajouter ce code à la partie <head></head> du code html :
<méta http-equiv="refresh" content="3; url=http://www.devdao.com">
-------------------------------------------------- ----------------------------------
9. L'adresse intégrée renseignée avec la hauteur adaptative iframe (cadre intégré) doit se trouver sur le même site que cette page, sinon elle affichera le message "Accès refusé !". Il existe des problèmes d'autorisation avec les références inter-domaines, veuillez vérifier les autres informations.
<iframe name="guestbook" src="gbook/index.asp" scrolling=no width="100%" height="100%" frameborder=no onload="document.all['guestbook'].style.height= livre d'or.document.body.scrollHeight"></iframe>
-------------------------------------------------- ----------------------------------
10. Aller au menu nouvelle fenêtre
<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 "> Accueil Microsoft</option>
<option value=" http://msdn.microsoft.com "> Réseau de développeurs</option>
</sélectionner>
-------------------------------------------------- ----------------------------------
11. option de transparence flash
<param name="wmode" value="transparent">
-------------------------------------------------- -------------------------------
12. Ajouter aux favoris et définir comme page d'accueil
<a href=# onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.devdao.com');">Définir comme page d'accueil</a>
<a href="javascript:window.external.AddFavorite('http://www.devdao.com/','Webmaster Design Network')">Mettez ce site en favori</a>
-------------------------------------------------- ----------------------------------
13. Enregistrez et affichez l'heure de la dernière modification de la page Web
<langage de script=JavaScript>
document.write("Heure de la dernière mise à jour : " + document.lastModified + "")
</script>
-------------------------------------------------- ----------------------------------
14. Compte à rebours des vacances
<Langage de script="JavaScript">
var timedate= new Date("1er octobre 2002");
var times= "Fête nationale" ;
var maintenant = new Date();
var date = timedate.getTime() - now.getTime();
var time = Math.floor(date / (1000 * 60 * 60 * 24));
si (temps >= 0)
document.write("Il y a maintenant : "+time +"days" à partir de "+times+")
</Script>
-------------------------------------------------- ----------------------------------
15. Ajouter à HEAD pour désactiver la mise en cache
<méta http-equiv="Expire" CONTENT="0">
<méta http-equiv="Cache-Control" CONTENT="no-cache">
<méta http-equiv="Pragma" CONTENT="no-cache">
--------------------------------- - ------------------------------------------------- -
16. Rendre transparent l'arrière-plan du document dans le cadre IFRAME
<iframe src="about:<body style='background:transparent'>"allowtransparency></iframe>
-------------------------------------------------- ----------------------------------
17. Agrandissez la fenêtre lorsqu'elle est ouverte
<langage de script="JavaScript">
<!-- Commencer
soi.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
// Fin -->
</script>
-------------------------------------------------- ----------------------------------
18. Ajouter une musique de fond
<bgsound src="mid/windblue[1].mid" loop="-1"> s'applique uniquement à IE
<embed src="music.mid" autostart="true" loop="true" Hidden="true"> Applicable à Netscape et IE
-------------------------------------------------- ----------------------------------
19.Défilement
<marquee direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=2>Défilement des informations
</marquee>
-------------------------------------------------- ----------------------------------
20. Empêchez la réinitialisation de la page avec le code "javascript:void(null)" en haut de la page au lieu de la marque "#" d'origine lorsque vous cliquez sur un lien vide.
-------------------------------------------------- --------------------------
21. Le texte ou les images s'affichent dans une fenêtre d'une taille spécifiée et sont ajoutés au corps
<langage de script="JavaScript" type="text/JavaScript">
function MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);}
</script>
code contextuel
<a href="#" target="_self" onClick="MM_openBrWindow('windows01.htm','','width=550,height=380')" width="550" height="380" border=" 0">Image ou texte</a>
-------------------------------------------------- ----------------------------------
22. Code de page de saut
<méta http-equiv="refresh" content="5;url=http://www.devdao.com">
-------------------------------------------------- ----------------------------------
23. Diviseurs de lignes fines
<hr noshade size=0 color=#C0C0C0>
-------------------------------------------------- ----------------------------------
24. Retour à la ligne automatique dans les pages Web
<td style="word-break:break-all">C'est tout.
complet est
style="table-layout : corrigé ;WORD-BREAK : break-all ; WORD-WRAP : break-word"
-------------------------------------------------- ----------------------------------
25. Supprimez la barre d'outils d'image qui apparaît automatiquement dans ie6 et définissez l'attribut GALLERYIMG sur false ou no.
<IMG SRC="monimage.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no">
-------------------------------------------------- ----------------------------------
26. Interdire la sélection du contenu du corps de la page
<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return
false"onmouseup="document.selection.empty()">
------------------------------------ ---- ----------------------------------------------- ----
27. Vous ne pouvez pas cliquer avec le bouton droit, CTRL+A n'est pas requis et vous ne pouvez pas copier !
<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">
</corps>
-------------------------------------------------- ----------------------------------
28.Le navigateur IE prend en charge une propriété Body bgproperties, qui peut empêcher le défilement de l'arrière-plan :
<Body Background="Fichier image" bgproperties="fixed">
-------------------------------------------------- ----------------------------------
29. Changez aléatoirement l'image d'arrière-plan (un effet spécial qui peut rafraîchir votre humeur)
<Langage de script="JavaScript">
image = new Array(4); //Définir l'image comme un tableau de numéros d'image image [0] = 'tu0.gif' //Le chemin de l'image d'arrière-plan image [1] = 'tu1.gif'
image [2] = 'tu2.gif'
image [3] = 'tu3.gif'
image [4] = 'tu4.gif'
nombre = Math.floor(Math.random() * image.length);
document.write("<BODY BACKGROUND="+image[numéro]+">");
</Script>
----------------------------------------------- - ----------------------------------
30. Bouton de formulaire d'image
<form id="form1" name="form1" method="post" action="">
<img src="login.gif" width="62" height="22" onclick="document.form1.submit()" />
</form>
-------------------------------------------------- ----------------------------------
31. Méthode de définition CSS des arrière-plans d'ombres gauche et droite
corps {
texte-align:centre;
répétition d'arrière-plan : répétition-y ;
position d'arrière-plan : centre ;
image d'arrière-plan : url(../images/bg.jpg);
}
-------------------------------------------------- ----------------------------------
32. Traversez le lien avec la main de la souris
style="curseur:main"
-------------------------------------------------- ----------------------------------
33. Comment désactiver les calques
<div id="Couche1"></div>
<a href="#" onClick="Layer1.style.display='none'">Fermer le calque</a>
-------------------------------------------------- ----------------------------------
34. Script pour fermer la fenêtre
<a href=javascript:close()>[Fermer la fenêtre]</a>
-------------------------------------------------- ----------------------------------
35. Si le texte est trop long, la partie trop longue sera affichée sous forme d'ellipses.
<DIV STYLE="largeur : 120 px ; hauteur : 50 px ; bordure : 1 px bleu uni ; débordement : caché ; débordement de texte : points de suspension">
<NOBR>Par exemple, il existe une ligne de texte si longue qu'elle ne peut pas être affichée sur une seule ligne du tableau.</NOBR>
</DIV>
-------------------------------------------------- ----------------------------------
36. Agrandir automatiquement après avoir accédé à la page d'accueil
<script>
soi.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
</script>
----------------------------------------------- ---- ----------------------------------
37. Texte en creux
<div style="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; font-size:12px; line-height:18px; background-color:# eeeeee;">
<police désactivée>
Et si je suis bosselé ? <br>
Tu ne veux pas l'essayer ? <br>
<a href=" http://www.devdao.com/">www.devdao.com</a></font >
</div>
-------------------------------------------------- ----------------------------------
38. Exécuter la boîte de code
<script>
fonctionAperçu()
{var TestWin=ouvert('');
TestWin.document.write(code.value);}
</script>
<textarea id=code cols=60 rows=15></textarea>
<br>
<button onclick=Preview() >Exécuter</button>
-------------------------------------------------- -------------------------------
38. Lier le formulaire
<table width="100%" onclick="window.open('http://www.devdao.com/', '_blank')" style="CURSOR:hand">
<tr>
<td height="100" bgcolor="f4f4f4"> </td>
</tr>
</table>
-------------------------------------------------- ----------------------------------
39. Faites en sorte que les pop-ups soient toujours au top
<body onblur="this.focus();">
-------------------------------------------------- ----------------------------------
40.Ombre de texte CSS
.shadowfont{FILTER : dropshadow(color=#666666, offx=1, offy=1, positive=1); FONT-FAMILY : "宋体" ;
-------------------------------------------------- ----------------------------------
41. Retournez et fermez la fenêtre et revenez en arrière : javascript:history.back(1)
Fermer : javascript:window.close();
-------------------------------------------------- ----------------------------------
42. Le formulaire est transparent
style="FILTRE : alpha(opacité=72)"
-------------------------------------------------- ----------------------------------
43. Comment empêcher les autres de mettre votre page Web dans un cadre
<script langage="javascript"><!--if (self!=top){top.location=self.location;} -->< /script>
-------------------------------------------------- ----------------------------------
44.La différence entre Alt et Title
alt est utilisé pour donner des indices aux images. Le titre est utilisé pour donner du texte de lien ou des indices de texte ordinaire.
<a href="#" Title="Donner un indice de texte pour le lien">Texte</a>
<p Title="Astuce texte pour le lien">Texte</p>
<img src="Lien image" alt="Conseils pour l'image">
------------------ -------------------------------------------------- ----------
45. Essayez d'utiliser des appels externes pour tous les appels javascript.
<SCRIPT LANGUAGE="javascript" SRC="js/xxxxx.js"></SCRIPT>
-------------------------------------------------- ----------------------------------
46. Lien vers
réponse.redirect"login.asp"
emplacement.href="xx.asp"
onClick="window.location='login.asp'"
onClick="window.open('')"
--------------------------------------- ------ ---------------------------------------------
47. Lien de base styles
a:link représente le style du lien
a:active représente le style de la connexion active actuelle
a:hover représente le style lorsque la souris passe dessus
a:visited représente le style du lien visité
"link-visited-hover-active", abrégé en "lvha", c'est-à-dire "love"+"hate"
-------------- -- ------------------------------------------------ -- ---------------
48. Définissez des styles avec différents effets de lien de texte sur la même page
<style type="text/css">
.vert {COULEUR : #309633}
.green A:link {COULEUR : #309633 ; TEXTE-DÉCORATION : aucun}
.green A : visité {COULEUR : #309633 ; TEXTE-DÉCORATION : aucun}
.green A : survoler {COULEUR : #309633 ; TEXTE-DÉCORATION : souligner}
.green A : actif {COULEUR : #309633 ; TEXTE-DÉCORATION : aucun}
</style>
<a href="#" class="green">Texte</a>
-------------------------------- -------------------------------------------------- ------
49. Menu déroulant
<select name=select onchange="javascript:window.open(this.options[this.selectedIndex].value)"style="color:#333">
<option>----Veuillez sélectionner----</option>
<option value=" http://www.devdao.com ">Réseau de conception de webmasters</option>
<option value=" http://www.fontchina.cn/">Police</option >
</sélectionner>
-------------------------------------------------- ----------------------------------
50. Sélectionnez la solution pour bloquer le div. Ajoutez le code suivant au div et ajustez-le si nécessaire.
<iframe src="javascript:false" scrolling="no" frameborder="0" style="z-index:-1;position:absolute; top:5px; left:2px;width:168;height:100px;" >
</iframe>
----------------------------------------------- - ----------------------------------
51. Tous les liens sur la page entière sont _blank. Une nouvelle fenêtre s'ouvre
<base target="_blank">.