Häufig verwendete Dreamweaver-Codes

Autor：Eve Cole Aktualisierungszeit：2009-06-01 01:01:32

1. Die Sichtbarkeit horizontaler und vertikaler Bildlaufleisten steuern?
<body style="overflow-y:hidden"> Entfernen Sie die x-Achse
<body style="overflow-x:hidden"> Entfernen Sie die y-Achse
<body scroll="no">Nicht anzeigen

--------------------------------------- - ----------------------------------------
2. Verfärbungen bilden
<TD onmouseover="this.style.backgroundColor='#FFFFFF'"
onmouseout="this.style.backgroundColor=""
style="CURSOR: Hand">
-------------------------------------------------- ----------------------------------
3. Kopieren verbieten, zum Auswählen die Maus ziehen
<body ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false onselectstart=event.returnValue=false>
-------------------------------------------------- ----------------------------------
4. Gewöhnliche Iframe-Seite
<iframe name="name" src="main.htm" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>

--------- -------------------------------------------------- -- -------------------
5.Adaptive iFrame-Höhe
<iframe name="pindex" src="index.asp" frameborder=false scrolling="auto" width="100%" height="100%" frameborder=no onload="document.all['pindex'].style .height=pindex.document.body.scrollHeight" ></iframe>
-------------------------------------------------- ----------------------------------
6. Ändern Sie die IE-Adressleiste in Ihr eigenes Symbol und Ihr Symbol kann in Ihren Favoriten angezeigt werden
<link rel="Verknüpfungssymbol" href="favicon.ico">
<link rel="Bookmark" href="favicon.ico">
-------------------------------------------------- ----------------------------------
7. Skalierung der Schriftgröße Immer mehr Menschen verbringen viel Zeit damit, im Internet zu surfen, und auch die Beliebtheit von Brillen wird immer größer. Machen Sie den Text größer, damit mehr Benutzer ihn klarer sehen können.
<script type="text/javascript">
Funktion doZoom(size)
{document.getElementById('zoom').style.fontSize=size+'px';}
</script>
<span id="zoom">Text der angegebenen Größe</span>
<a href="javascript:doZoom(16)">Groß</a> <a href="javascript:doZoom(14)">Mittel</a> <a href="javascript:doZoom(12)">Klein </a>
-------------------------------------------------- ----------------------------------
8. Einfacher Sprung-Webseitencode Wenn Sie möchten, dass die Seite nach 3 Sekunden Anzeige springt, können Sie diesen Code zum <head></head>-Teil des HTML-Codes hinzufügen:
<meta http-equiv="refresh" content="3; url=http://www.devdao.com">
-------------------------------------------------- ----------------------------------
9. Die mit iframe (eingebetteter Frame) und adaptiver Höhe ausgefüllte eingebettete Adresse muss sich auf derselben Site wie diese Seite befinden, andernfalls wird die Meldung „Zugriff verweigert!“ angezeigt. Bei domänenübergreifenden Verweisen gibt es Berechtigungsprobleme. Bitte prüfen Sie die weiteren Informationen.
<iframe name="guestbook" src="gbook/index.asp" scrolling=no width="100%" height="100%" frameborder=no onload="document.all['guestbook'].style.height= guestbook.document.body.scrollHeight"></iframe>
-------------------------------------------------- ----------------------------------
10. Sprungmenü neues Fenster
<select name="select" onchange="window.open(this.options[this.selectedIndex].value)">
<option value=" http://www.microsoft.com/ie ">Internet Explorer</option>
<option value=" http://www.microsoft.com "> Microsoft Home</option>
<option value=" http://msdn.microsoft.com "> Entwicklernetzwerk</option>
</select>
-------------------------------------------------- ----------------------------------
11.Flash-Transparenzoption
<param name="wmode" value="transparent">
-------------------------------------------------- ----------------

12. Zu Favoriten hinzufügen und als Startseite festlegen
<a href=# onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.devdao.com');">Als Startseite festlegen</a>

<a href="javascript:window.external.AddFavorite('http://www.devdao.com/','Webmaster Design Network')">Diese Website zu Ihren Favoriten hinzufügen</a>

-------------------------------------------------- ----------------------------------
13. Zeichnen Sie den Zeitpunkt der letzten Änderung der Webseite auf und zeigen Sie ihn an
<Skriptsprache=JavaScript>
document.write("Letzte Aktualisierungszeit: " + document.lastModified + "")
</script>
-------------------------------------------------- ----------------------------------
14. Feiertags-Countdown
<Script Language="JavaScript">
var timedate= new Date("Oktober 1,2002");
var times= „Nationalfeiertag“;
var now = neues Datum();
var date = timedate.getTime() - now.getTime();
var time = Math.floor(date / (1000 * 60 * 60 * 24));
if (Zeit >= 0)
document.write("Jetzt gibt es: "+time +"days" from "+times+")
</Script>
-------------------------------------------------- ----------------------------------
15. Zu HEAD hinzufügen, um das Caching zu deaktivieren
<meta http-equiv="Expires" CONTENT="0">
<meta http-equiv="Cache-Control" CONTENT="no-cache">
<meta http-equiv="Pragma" CONTENT="no-cache">

--------------------------------- - ------------------------------------------------- -
16. Machen Sie den Hintergrund des Dokuments innerhalb des IFRAME-Rahmens transparent
<iframe src="about:<body style='background:transparent'>"allowtransparency></iframe>
-------------------------------------------------- ----------------------------------
17. Maximieren Sie das Fenster, wenn es geöffnet wird
<script language="JavaScript">

</script>
-------------------------------------------------- ----------------------------------
18. Fügen Sie Hintergrundmusik hinzu
<bgsound src="mid/windblue[1].mid" loop="-1"> gilt nur für IE
<embed src="music.mid" autostart="true" loop="true" versteckt="true"> Gilt sowohl für Netscape als auch für IE
-------------------------------------------------- ----------------------------------
19.Scrollen
<marquee Direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=2>Bildlaufinformationen
</marquee>
-------------------------------------------------- ----------------------------------
20. Verhindern Sie, dass die Seite beim Klicken auf einen leeren Link auf den Code „javascript:void(null)“ oben auf der Seite anstelle der ursprünglichen „#“-Markierung zurückgesetzt wird.
-------------------------------------------------- --------------------------

21. Text oder Bilder werden in einem Fenster einer bestimmten Größe angezeigt und dem Hauptteil hinzugefügt
<script language="JavaScript" type="text/JavaScript">
Funktion MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);}
</script>
Popup-Code
<a href="#" target="_self" onClick="MM_openBrWindow('windows01.htm','','width=550,height=380')" width="550" height="380" border=" 0">Bild oder Text</a>

-------------------------------------------------- ----------------------------------
22. Sprungseitencode
<meta http-equiv="refresh" content="5;url=http://www.devdao.com">
-------------------------------------------------- ----------------------------------
23. Dünne Linienteiler
<hr noshade size=0 color=#C0C0C0>
-------------------------------------------------- ----------------------------------
24. Automatischer Zeilenumbruch in Webseiten
<td style="word-break:break-all">Das ist es.
vollständig ist
style="Tabellenlayout: behoben; WORD-BREAK: alle umbrechen; WORD-WRAP: Wort umbrechen"
-------------------------------------------------- ----------------------------------
25. Entfernen Sie die Bildsymbolleiste, die automatisch in ie6 angezeigt wird, und setzen Sie das Attribut GALLERYIMG auf „false“ oder „no“.
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no">
-------------------------------------------------- ----------------------------------
26. Verbieten Sie die Auswahl von Seiteninhalten
<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return
false"onmouseup="document.selection.empty()">

------------------------------------ ---- ---------------------------------------------- ----
27. Sie können nicht mit der rechten Maustaste klicken, STRG+A ist nicht erforderlich und Sie können nicht kopieren!
<body oncontextmenu="window.event.returnValue=false"
onkeypress="window.event.returnValue=false"
onkeydown="window.event.returnValue=false"
onkeyup="window.event.returnValue=false"
ondragstart="window.event.returnValue=false"
onselectstart="event.returnValue=false">
</body>
-------------------------------------------------- ----------------------------------
28. Der IE-Browser unterstützt die Body-Eigenschaft bgproperties, die das Scrollen im Hintergrund verhindern kann:
<Body Background="Bilddatei" bgproperties="fixed">
-------------------------------------------------- ----------------------------------
29. Ändern Sie das Hintergrundbild nach dem Zufallsprinzip (ein Spezialeffekt, der Ihre Stimmung auffrischen kann)
<Script Language="JavaScript">
image = new Array(4); //Bild als Array von Bildnummern definieren image [0] = 'tu0.gif' //Der Pfad des Hintergrundbildes image [1] = 'tu1.gif'
Bild [2] = 'tu2.gif'
Bild [3] = 'tu3.gif'
Bild [4] = 'tu4.gif'
number = Math.floor(Math.random() * image.length);
document.write("<BODY BACKGROUND="+image[number]+">");
</Script>

------------------ - -----------------------------------
30. Schaltfläche „Bildformular“.
<form id="form1" name="form1" method="post" action="">
<img src="login.gif" width="62" height="22" onclick="document.form1.submit()" />
</form>
-------------------------------------------------- ----------------------------------
31. CSS-Definitionsmethode für linke und rechte Schattenhintergründe
Körper {
text-align:center;
Hintergrundwiederholung: Wiederholung-y;
Hintergrundposition: Mitte;
Hintergrundbild: url(../images/bg.jpg);
}
-------------------------------------------------- ----------------------------------
32. Überqueren Sie die Link-Hand-Maus
style="cursor:hand"
-------------------------------------------------- ----------------------------------
33. So deaktivieren Sie Ebenen
<div id="Layer1"></div>
<a href="#" onClick="Layer1.style.display='none'">Ebene schließen</a>
-------------------------------------------------- ----------------------------------
34. Skript zum Schließen des Fensters
<a href=javascript:close()>[Fenster schließen]</a>
-------------------------------------------------- ----------------------------------
35. Wenn der Text zu lang ist, wird der überlange Teil als Ellipsen angezeigt.
<DIV STYLE="width: 120px; height: 50px; border: 1px solid blue;overflow: versteckt; text-overflow:ellipsis">
<NOBR>Zum Beispiel gibt es eine Textzeile, die so lang ist, dass sie nicht in einer Zeile in der Tabelle angezeigt werden kann.</NOBR>
</DIV>
-------------------------------------------------- ----------------------------------
36. Nach dem Aufrufen der Homepage automatisch maximieren
<Skript>
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
</script>

------------------------------- ---- -----------------------------------
37. Geprägter Text
<div style="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; Schriftgröße:12px; Zeilenhöhe:18px; Hintergrundfarbe:# eeeeee;">
<Schriftart deaktiviert>
Wie wäre es, habe ich eine Delle? <br>
Willst du es nicht ausprobieren? <br>
<a href=" http://www.devdao.com/">www.devdao.com</a></font >
</div>
-------------------------------------------------- ----------------------------------
38. Codefeld ausführen
<Skript>
functionPreview()
{var TestWin=open('');
TestWin.document.write(code.value);}
</script>
<textarea id=code cols=60 rows=15></textarea>
<br>
<button onclick=Preview() >Ausführen</button>
-------------------------------------------------- ----------------

38. Verknüpfen Sie das Formular
<table width="100%" onclick="window.open('http://www.devdao.com/', '_blank')" style="CURSOR:hand">
<tr>
<td height="100" bgcolor="f4f4f4"> </td>
</tr>
</table>

-------------------------------------------------- ----------------------------------
39. Pop-ups immer im Vordergrund platzieren
<body onblur="this.focus();">
-------------------------------------------------- ----------------------------------
40.CSS-Textschatten
.shadowfont{FILTER: dropshadow(color=#666666, offx=1, offy=1, positive=1); FONT-FAMILY: "宋体";FONT-SIZE: 9pt;COLOR: #ffffff;}
-------------------------------------------------- ----------------------------------
41. Zurück, Fenster schließen und zurück: javascript:history.back(1)
Schließen: javascript:window.close();
-------------------------------------------------- ----------------------------------
42. Das Formular ist transparent
style="FILTER: alpha(opacity=72)"
-------------------------------------------------- ----------------------------------
43. So verhindern Sie, dass andere Ihre Webseite in einen Frame einfügen
<script language="javascript">< /script>
-------------------------------------------------- ----------------------------------
44.Der Unterschied zwischen Alt und Titel
alt wird verwendet, um Hinweise zu Bildern zu geben. Der Titel wird verwendet, um Linktext oder normale Texthinweise bereitzustellen.

------------------ -------------------------------------------------- ----------
45. Versuchen Sie, für alle Javascript-Aufrufe externe Aufrufe zu verwenden.
<SCRIPT LANGUAGE="javascript" SRC="js/xxxxx.js"></SCRIPT>
-------------------------------------------------- ----------------------------------
46. Link zu
Response.redirect"login.asp"
location.href="xx.asp"
onClick="window.location='login.asp'"
onClick="window.open('')"

--------------------------------------- ------ ----------------------------------------

47. Basislink Stile
a:link repräsentiert den Stil des Links
a:active repräsentiert den Stil der aktuell aktiven Verbindung
a:hover stellt den Stil dar, wenn die Maus darüber fährt
a:visited repräsentiert den Stil des besuchten Links

„link-visited-hover-active“, abgekürzt als „lvha“, also „love“ + „hate“

-------------- -------------------------------------------------- -- ---------------
48. Legen Sie Stile mit unterschiedlichen Text-Link-Effekten auf derselben Seite fest
<style type="text/css">
.grün {FARBE: #309633}
.green A:link {COLOR: #309633; TEXT-DECORATION: none}
.green A:visited {COLOR: #309633; TEXT-DECORATION: none}
.green A:hover {COLOR: #309633; TEXT-DECORATION: underline}
.green A:active {COLOR: #309633; TEXT-DECORATION: none}
</style>
<a href="#" class="green">Text</a>

-------------------------------- -------------------------------------------------- ------
49. Dropdown-Sprungmenü
<select name=select onchange="javascript:window.open(this.options[this.selectedIndex].value)"style="color:#333">
<option>----Bitte auswählen----</option>
<option value=" http://www.devdao.com ">Webmaster Design Network</option>
<option value=" http://www.fontchina.cn/">Schriftart</option >
</select>
-------------------------------------------------- ----------------------------------
50. Wählen Sie die Lösung zum Blockieren des Div aus. Fügen Sie den folgenden Code zum Div hinzu und passen Sie ihn nach Bedarf an.
<iframe src="javascript:false" scrolling="no" frameborder="0" style="z-index:-1;position:absolute; top:5px; left:2px;width:168;height:100px;" >
</iframe>

------------------------------- - -----------------------------------
51. Alle Links auf der gesamten Seite sind _blank. Neues Fenster öffnet sich