RETOUR ACCUEIL

METHODE FILTER et HTML (DHTML)
il faut un navigateur récent ( Internet Explorer 4 ou plus )
(Mozilla ne prend pas en charge ces instructions)

 

Les Méthodes Filter peuvent s'appliquer sur des textes ou des images ;
2 façons d'utiliser le mode filter (ici écrire filter: ; mettre deux points après le mot filter) :

1)  avec <DIV id= "MonStylePerso" style ="filter: blur(add=1, direction=270, strength=5,) glow(color=blue strength=3,)">wave(add=0,freq=7,lightStrength=25,phase=0,strength=2);

                           MON TEXTE  </DIV>

MON STYLE avec blur et glow et wave

2) avec applet sur evenement : (ici mouseover) déplacer la souris sur le texte suivant :

TESTER VOTRE FILTRE !!

il faut définir un script, puis en effecteur l'appel sur mouseover (ici écrire filter= ; mettre le signe égal après le mot filter) :

<script >
function un() { Mon.style.filter="Glow(color=red,strength=5)"}
function norm() { Mon.style.filter=" "}
</script>

Puis dans le corps du programme :
<div> id="Mon" ; style="width:100%; font-size:24pt;" onmouseover="un()" onmouseout="norm()"> TESTER VOTRE FILTRE !! </div>

STYLE
paramètres

ALPHA
agit sur la transparence totale
opacity
finish opacity
style (uniform, linear, radial, rectangular)
startx
starty
finishx
finishy
BLUR
applique un Flou
add (O ,1)
peut etre omis
direction (top, top right, right,bottom right,bottom, left, top left)
strength
BLUR
CHROMA
color=#rrggbb
permet de definir une couleur de transparence
DROPSHADOW
ombre portée
color=
offx=
offy=
positive =1 ou 0
MON STYLE OMBRE
FLIPH()
rotation H
pas de parametre
MON TEXTE
MON TEXTE
FLIPV()
Rotation V
pas de parametre
MON TEXTE
MON TEXTE

GLOW
entourage de texte ou d'image
color=
strength=
G L O W
GREY()
en echelle de gris
pas de parametre
INVERT()
pas de paramètre
MASK
applique un masque sur l'objet
color=
SHADOW
ombre projetée
color=
direction( Top,..top left)
MON STYLE OMBRE
WAVE
effet de vague
add=0 ou 1
freq=
lightStrength
phase
strength
XRAY()
pas de paramètre
LIGHT

<SCRIPT LANGUAGE="JavaScript" >
function applyLight(exempl) {
exempl.filters.Light.addAmbient(255,255,0,50); exempl.filters.Light.addCone(10,10,60,50,80,0,0,255,100,10);} window.onload = new Function("applyLight(document.all.demoLight)") }
< img id=demoLight style="filter: Light()" src="/gifs/inside.gif">
3 effets : addAmbient(R,G,B,Strength)
addCone(x1,y1,z1,x2,y2,R,G,B,Strength, Spread)
addpoint(x,y,z,R,G,B, strength)

 

lien pour completer votre information : http://www.siteexperts.com/home.asp

RETOUR ACCUEIL