Quel script javascript------------------------------------
Ajouter une ombre à un texte
Insérer entre les balises HEAD et /HEAD - Code:
-
<style>
.ombre {
font-size:25px;
width:500px;
color:#006;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#000099,direction=135,Strength=6);
}
</style>
Insérer entre les balises BODY et /BODY - Code:
-
<div class="ombre">VOTRE TEXTE</div>
------------------------------------------------------------------
Agrandit le texte d'un lien et en modifie la couleur.
On peut choisir les polices , les couleurs et les tailles.
Insérer entre les balises HEAD et HEAD - Code:
-
<style>
<!--
BODY {
Font-Family : Geneva,ms sans serif,helvetica ;
Font-Size : 11pt
}
A:link {
Font-Family : Geneva,ms sans serif,helvetica ;
Font-Size : 11pt ;
Color : blue ;
Text-Decoration : Underline
}
A:active {
Font-Family : Geneva,ms sans serif,helvetica ;
Font-Size : 11pt ;
Color : blue ;
Text-Decoration : None
}
A:visited {
Font-Family : Geneva,ms sans serif,helvetica ;
Font-Size : 11pt ;
Color : blue ;
Text-Decoration : None
}
A:hover {
Font-Size : 15pt ;
Color : red ;
font-weight : bold ;
Text-Decoration : None
}
-->
</style>
----------------------------------------------------------------------------
Un cadre coloré sur les liens au passage de la sourisEntièrement modifiable.
Insérer entre les balises HEAD et HEAD
- Code:
-
<style type=text/css>
A.menulink {
width: 150px;
text-decoration: none;
font-family:Verdana;
font-size:12px;
color: #FFFFCC;
BORDER: none;
border: none;
}
A.menulink:hover {
color: #000000;
border: solid 2px #000000;
background-color:#FFFF00;
}
</style>
Insérer entre les balises BODY et BODY - Code:
-
<a href="VOTRE PAGE.htm" class=menulink >TEXTE DU LIEN</a>
----------------------------------------------------------------------------
Active le lien directement au passage du curseur sans avoir besoin de cliquer Insérer entre les balises BODY et BODY
- Code:
-
<a href="#" onMouseOver="parent.location='PAGE.html'">Texte du lien </a>
----------------------------------------------------------------------------
Permet de souligner ou non les liens et d'en choisir la couleur .Vous pouvez choisir la couleur des liens :par défaut ( link ) , au survol du curseur ( hover ) , et déjà visités ( visited ) .
Le soulignement :Non soulignés ( none ) , soulignés ( underline ) , surlignés ( overline ) ,
ou les deux ( underline overline ) .
Insérer entre les balises HEAD et HEAD
- Code:
-
<style>
A:link {
COLOR: #66FF00; TEXT-DECORATION: none
}
A:visited {
COLOR: #66CC00; TEXT-DECORATION: none
}
A:hover {
COLOR: #669900; TEXT-DECORATION: underline overline
}
</style>
--------------------------------------------------------------------------
Ajoute automatiquement la date de la dernière mise à jour.Insérer entre les balises BODY et BODY
- Code:
-
Dernière mise à jour le : <script language="JavaScript">
<!--
document.write(document.lastModified)
// --></script>
-------------------------------------------------------------------------
Permet de changer la couleur des cellules au passage de la souris .Insérer entre les balises BODY et BODY:
( dans la cellule dont vous voulez changer la couleur ,
dans TD ........ /TD)
- Code:
-
onMouseOver="javascript:this.style.background='#00CCFF';" onMouseOut="javascript:this.style.background='#000066';"
-------------------------------------------------------------------------
Change la couleur des barres de défilement au passage de la souris.Insérer entre les balises BODY et BODY
- Code:
-
<SCRIPT LANGUAGE="javascript">
var face = new Array(); var fond = new Array(); var fleche = new Array(); var foncee = new Array(); var foncee2 = new Array(); var lumiere = new Array(); var lumiere2 = new Array();
with (document.body.style) { face[0] = scrollbarFaceColor; fond[0] = scrollbarTrackColor; fleche[0] = scrollbarArrowColor; foncee[0] = scrollbarShadowColor; foncee2[0] = scrollbarDarkShadowColor; lumiere[0] = scrollbarHighlightColor; lumiere2[0] = scrollbar3dLightColor; }
/* Script trouvé sur http://www.mandragore2.net */
face[1] = "#C0C0C0";
fleche[1] = "#000000";
fond[1] = "#E9E9E9";
lumiere[1] = "#FFFFFF";
lumiere2[1] = "#DFDFDF";
foncee[1] = "#808080";
foncee2[1] = "#000000";
function scrollBar(num) {
with(document.body.style) {
scrollbarFaceColor=face[num];
scrollbarTrackColor=fond[num];
scrollbarArrowColor=fleche[num];
scrollbarShadowColor=foncee[num];
scrollbarDarkShadowColor=foncee2[num];
scrollbar3dLightColor=lumiere2[num];
scrollbarHighlightColor=lumiere[num];
}}
function colorBar(){
var w = document.body.clientWidth;
var h = document.body.clientHeight;
var x = event.clientX;
var y = event.clientY;
if(x>w) { scrollBar(1); } else { scrollBar(0); }
}
if (document.all){
scrollBar(0);
document.onmousemove=colorBar;
}
</script>
------------------------------------------------------------------------
Un texte défilant dans la barre de titre - Code:
-
<script>
//-- Trouvé sur http://www.mandragore2.net -->
<!--
// © Joe Milicevic
var cnt=-1;
var str;
function animateTitle(nt,t){
str=nt;
if(document.all ||document.getElementById){
if(t==2){
document.title='';
cnt=-1;
}
if(cnt<str.length){
if(str.charAt(cnt+1)==" "){
++cnt;
document.title+="_"
}
else{
document.title+=str.charAt(++cnt);
}
}
TO=setTimeout('animateTitle(str)',200);
if(cnt==str.length){
clearTimeout(TO);
}
}
}
Onload=animateTitle('VOTRE TITRE!',2)
//-->
</script>