' KITWEB : Scripts fonds de page cliparts polices freewares à télécharger - Download script background clipart font ...................................................


	• Des SCRIPTS gratuits, expliqués et personnalisables. • Visualisez, puis téléchargez les fichiers correspondants (zip). • Il ne restera plus qu'à inclure les codes dans vos pages ! • Free and customable SCRIPTS. • For more convenience, zip files are proposed. • Download and include script on your page.


	LISTE des SCRIPTS Cliquer ici CETTE RUBRIQUE... 01 Fermer une page • Défilement page_01 • Défilement page_02 • Ouvrir une seconde page_01 • Ouvrir une seconde page_02 • Ouvrir une seconde page_04 • Ouvrir une seconde page_05 • Ouvrir une 2° page, au survol d'un lien_06 • Ouvrir une seconde page_07 • Ouvrir une seconde page_08 • Ouvrir une seconde page_09 • Une pop-up_10 • Parcours obligé_01 • Plein écran d'un click_01 • Plein écran d'un click_02 • Plein écran d'un click_03 • Plein écran d'un click_04 • Restaurer la fenêtre • Revenir page précédente 20 Fermer une page 23 Ouvrir 2 fenêtres 24 Pop-up saisonnière 25 Pop-up élaborée 26 Fermer une fenêtre 27 Fermer une fenêtre • Window.open (syntaxe)

POP-UP COMPLEXE et EFFICACE sur une BANNIÈRE
à méditer...

Cliquez sur "download" pour télécharger le kit nécessaire.
Compatibilité: IE (oui), NS (v4.75: oui; v6: presque entièrement), Opera (v6: presque entièrement; v7: oui). Le survol de la bannière provoque un 'fadding' de l'image (IE uniquement) et l'affichage d'un texte explicatif (sauf NS6 et Opera6). Le click (toutes versions) provoque l'affiche d'une fenêtre pop-up. Intéressant. Personnalisable: positions, couleurs etc.

Démo (survoler et cliquer la bannière):

1/ Inscrivez entre HEAD et /HEAD :

2/ Inscrivez DANS la balise BODY :

3/ Insérer entre BODY et /BODY :

4/ et en bas de page, avant /BODY :

5/ Créez une feuille de style .css :
que vous appellerez par:

et qui comportera:

6/ Créez un fichier externe .js :

<!--

// TOOLTIP
var ie = document.all ? 1 : 0
var ns = document.layers ? 1 : 0
if(ns){doc = "document."; sty = ""}
if(ie){doc = "document.all."; sty = ".style"}
var initialize = 0
var Ex, Ey, topColor, subColor, ContentInfo
if(ie){
Ex = "event.x"
Ey = "event.y"
topColor = "#006030"
subColor = "#FFFFD0"
}
if(ns){
Ex = "e.pageX"
Ey = "e.pageY"
window.captureEvents(Event.MOUSEMOVE)
window.onmousemove=overhere
topColor = "#006030"
subColor = "#FFFFD0"
}
function MoveToolTip(layerName, FromTop, FromLeft, e){
if(ie){eval(doc + layerName + sty + ".top = "  + (eval(FromTop) + document.body.scrollTop))}
if(ns){eval(doc + layerName + sty + ".top = "  +  eval(FromTop))}
eval(doc + layerName + sty + ".left = " + (eval(FromLeft) + 15))
}
function ReplaceContent(layerName){
if(ie){document.all[layerName].innerHTML = ContentInfo}
if(ns){
with(document.layers[layerName].document) 
{ 
   open(); 
   write(ContentInfo); 
   close(); 
}
}
}
function Activate(){initialize=1}
function deActivate(){initialize=0}
function overhere(e){
if(initialize){
MoveToolTip("ToolTip", Ey, Ex, e)
eval(doc + "ToolTip" + sty + ".visibility = 'visible'")
}
else{
MoveToolTip("ToolTip", 0, 0)
eval(doc + "ToolTip" + sty + ".visibility = 'hidden'")
}
}
function EnterContent(layerName, TTitle, TContent){
ContentInfo = '<table border="0" width="150" cellspacing="0" cellpadding="0">'+
'<tr><td width="100%" bgcolor="#000000">'+
'<table border="0" width="100%" cellspacing="1" cellpadding="0">'+
'<tr><td width="100%" bgcolor='+topColor+'>'+
'<table border="0" width="90%" cellspacing="0" cellpadding="0" align="center">'+
'<tr><td width="100%" align="center">'+
'<font class="tooltiptitle"> '+TTitle+'</font>'+
'</td></tr>'+
'</table>'+
'</td></tr>'+
'<tr><td width="100%" bgcolor='+subColor+'>'+
'<table border="0" width="90%" cellpadding="0" cellspacing="1" align="center">'+
'<tr><td width="100%">'+
'<font class="tooltipcontent">'+TContent+'</font>'+
'</td></tr>'+
'</table>'+
'</td></tr>'+
'</table>'+
'</td></tr>'+
'</table>';
ReplaceContent(layerName)
}

// fadding sur images (IE seulement, ignoré par NS v4,75 et v6, Opera v6 et v7)
function allume(image){
objet=image
augmentation=setInterval("augmente(objet)",50)
}
function eteint(image){
clearInterval(augmentation)
image.filters.alpha.opacity=100
}
function augmente(image){
if (image.filters.alpha.opacity>70)
image.filters.alpha.opacity-=5
else if (window.augmentation)
clearInterval(augmentation)
}

// Désigner le fichier pop-up appelé en cas de click sur le logo
adresse=null;
function ouvrir() { 
adresse=window.open("25_pop-up_adresse.html", "adressepht", "toolbar=no, location=no, directories=no, status=no, scrollbars=no, resizable=no, copyhistory=no, width=420, height=380, left=250, top=100"); 
}

//-->