recherche

Maison  >  Article  >  interface Web  >  tutoriel de flou dynamique css effect_basic

tutoriel de flou dynamique css effect_basic

WBOY
WBOYoriginal
2016-05-16 12:08:092255parcourir
Exemple d'effet : veuillez passer la souris pour voir

tutoriel de flou dynamique css effect_basic

Étape 1 : Insérez le script suivant entre et  :

<script><br>fonction sur(elle){<br>girl=she<br>move=setInterval("moving(girl)",50)} </p> <p>fonction désactivée(elle){ <br>clearInterval(move) <br>she.filters.blur.strength=2 }</p> <p>fonction déplacement(s){<br>if (s.filters.blur.strength<110)<BR>s.filters.blur.strength+=5<BR>else clearInterval(move)}</P> <P></script>

Étape 2 : Insérez le script suivant entre et  :

style="position:absolute;top:70;left:390;filter:blur(add=1,direction=80,strength=2)"

onMouseOver="on(this)" onMouseOut="off(this)" width="337" height="87" border="0">

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Rendre la hauteur adaptative iframe (support xhtml) IE compatible avec Firefox_Experience ExchangeArticle suivant：Rendre la hauteur adaptative iframe (support xhtml) IE compatible avec Firefox_Experience Exchange

Articles Liés

Voir plus