Heim  >  Artikel  >  Web-Frontend  >  Organisieren allgemeiner Spezialeffekte auf Webseiten: Fortgeschritten

Organisieren allgemeiner Spezialeffekte auf Webseiten: Fortgeschritten

黄舟
黄舟Original
2016-12-23 14:54:461324Durchsuche


Der Autor hat im Laufe der Zeit viele wunderbare und praktische Web-Spezialeffekte gesammelt. Fast alle dieser Spezialeffekte sind häufig verwendete Webseiten-Spezialeffekte. Jetzt werde ich Ihnen diese organisierten und modifizierten Spezialeffekte in drei Ebenen vorstellen.

Fortgeschrittenes Kapitel

1. Verschiedene Begrüßungen in verschiedenen Zeiträumen anzeigen

 <Script Language="JavaScript">
 <!--
 var text=""; day = new Date( ); ); ))
Text="Die Sonne scheint heute so hell, wo ist dein Freund?"
if (( time >= 12) && (time < 14))
text="Zeit für die Mittagspause . Du willst weiter schlafen! ) && (Zeit <= 22))
text="Du bist wieder hier, chatte nicht zu lange mit MM!"
if ((Zeit >= 22) && (Zeit < 24))
text=" Du solltest dich ausruhen! "
 document.write(text)
 //--->
 </Script>

 2. Reflexionseffekt im Wasser

 <img id="reflect" src="../../your own picture file name" 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) blur() flipv()">')
 window.onload=f1
 }
 </script>

 3. Langsam wachsendes Fenster

<Script Language="JavaScript">
 <!--
 var Windowsheight=100
 var Windowswidth=100
 var numx=5
Funktion openwindow (thelocation){
temploc=thelocation
if
(!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById))
{
window.open( thelocation)
 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)
{
windowsize.location=temploc
Windowsheight=100
Windowswidth=100
 numx= 5
 return
 }
 setTimeout("tenumxt()",50)
 }
 //-->
 </script>
 <p> <a href ="javascript:openwindow('http://www.php.cn')">Enter</a>

 4. Ändern Sie das IE-Symbol in der IE-Adressleiste

Wir müssen zuerst ein 16*16-Symbol (Symboldatei) erstellen und es als index.ico speichern. Laden Sie diese Symboldatei in das Stammverzeichnis hoch und fügen Sie den folgenden Code zwischen

auf der Startseite ein:

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

5. Lassen Sie die Webseite nach Belieben zurückgehen

<a href="javascript:history.go(-X)">X</a> //Ersetzen Sie X durch die Anzahl der Seiten, die Sie zurückgehen möchten
„-“ ändert sich zu „+“, um vorwärts zu gehen

 6. Ein Informationsfeld wird angezeigt, wenn die Maus darauf zeigt

Fügen Sie den folgenden Code zwischen ein:

Linktext anzeigen</a>

 7. Klicken Sie mit der rechten Maustaste, um das Dialogfeld „Favoriten hinzufügen“ zu öffnen.

Fügen Sie den folgenden Code zwischen ein:

 Script Language=JavaScript>
if (document. all)
 document.body.onmousedown=new Function("if (event.button==2||event.button==3)
 window.external.addFavorite('Your URL','Your Website name )")
 </Skript>

 8. Ändern Sie das Hintergrundbild nach dem Zufallsprinzip (ein Spezialeffekt, der Ihre Stimmung auffrischen kann)

Fügen Sie den folgenden Code zwischen hinzu:

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn