Maison > interface Web > tutoriel HTML > Organisation d'effets spéciaux courants sur des pages Web : Avancé

Organisation d'effets spéciaux courants sur des pages Web : Avancé

黄舟
Libérer: 2016-12-23 14:54:46
original
1354 Les gens l'ont consulté


L'auteur a accumulé de nombreux effets spéciaux Web merveilleux et pratiques au fil du temps. Presque tous ces effets spéciaux sont des effets spéciaux de pages Web couramment utilisés. Je vais maintenant vous présenter ces effets spéciaux organisés et modifiés en trois niveaux.

Chapitre avancé

1. Afficher différentes salutations dans différentes périodes

 <Script Language="JavaScript">
 <!--
 var text=""; );
if (( time>=0) && (time < 7 ))
text="Les noctambules, faites attention à votre santé ! " ))
Text="Le soleil brille si fort aujourd'hui, où est ton ami ? =14) && (heure < 18))
 text="Je vous souhaite un bon après-midi au travail ! "
 if ((heure >= 18) && (heure <= 22))
text=" Vous êtes de nouveau là, ne discutez pas trop longtemps avec MM !"
if ((time >= 22) && (time < 24))
text=" Tu devrais te reposer "
 document ! .write(text)
 //--->
 </Script>

 2. Effet de réflexion dans l'eau

 <img id="reflect" src="../../votre propre nom de fichier image" width="175" height="59">
 <script language= "JavaScript">
 function f1()
 {
 setInterval("mp.filters.wave.phase =10",100>if (document.all) {
Document.write('<img id=mp src="' document.all.reflect.src '"
style="filter:wave(strength=3,freq=3,phase=0, lightstrength=30) flou() flipv()">')
 window.onload=f1
 }
 </script>

 3. Fenêtre à croissance lente

<Script Language="JavaScript">
 <!--
 var Windowsheight=100
 var Windowswidth=100
 var numx=5
Fonction openwindow (l'emplacement){
temploc=thelocation
if
(!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById))
{
window.open( l'emplacement)
 return
>
windowsize=window.open("","","scrollbars")
windowsize.moveTo(0,0)
windowsize.resizeTo(100,100)
tenumxt ()
}
function tenumxt(){
if (Windowsheight>=screen.availHeight-3)
numx=0
windowsize.resizeBy(5,numx)
Windowsheight = 5
Windowswidth =5
if (Windowswidth>=screen.width-5)
{
windowssize.location=temploc
Windowsheight=100
Windowswidth=100
 numx= 5
 return
 }
 setTimeout("tenumxt()",50)
 }
 //-->
 </script>
 <p> <a href ="javascript:openwindow('//m.sbmmt.com')">Enter</a>

 4. Changez l'icône IE dans la barre d'adresse IE

Nous devons d'abord créer une icône 16*16 (fichier d'icône) et l'enregistrer sous index.ico. Téléchargez ce fichier d'icône dans le répertoire racine et ajoutez le code suivant entre

sur la page d'accueil :

 <link REL = "Shortcut Icon" href="index.ico">

5. Laissez la page Web revenir en arrière à volonté

<a href="javascript:history.go(-X)">X</a> //Remplacez X par le nombre de pages que vous souhaitez revenir
"-" se change en " " pour avancer

 6. Une boîte d'information apparaît lorsque la souris la pointe

Ajoutez le code suivant entre  :

Afficher le texte du lien</a>

 7. Cliquez sur le bouton droit de la souris pour faire apparaître la boîte de dialogue d'ajout de favoris

Ajoutez le code suivant entre  :

 Script Language=JavaScript>
if (document. all)
 document.body.onmousedown=new Function("if (event.button==2||event.button==3)
 window.external.addFavorite('Votre URL','Nom de votre site Web )")
 </Script>

 8. Changez aléatoirement l'image d'arrière-plan (un effet spécial qui peut rafraîchir votre humeur)

Ajoutez le code suivant entre  :

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal