Heim > Artikel > Web-Frontend > Organisieren allgemeiner Spezialeffekte auf Webseiten: Fortgeschritten
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