Wenn Sie im Internet herumstöbern, werden Sie feststellen, dass das Internet nicht nur ein Ozean an Informationen, sondern auch ein Ozean an Werbung ist. Neben gewöhnlichen GIF-Bannern und Flash zählen auch Floating Ads heutzutage zu den beliebtesten Werbeformen im Internet. Wenn Sie die Bildlaufleiste des Browsers ziehen, kann sich diese Art von schwebender Werbung auf der Seite mit dem Bildschirm bewegen. Obwohl dieser Effekt einen erheblichen praktischen Wert für die Anzeige von Werbung hat, ist er für die Besucher Ihrer Webseite etwas, das sowohl das Lesen behindert als auch das Leseinteresse beeinträchtigt und daher nicht missbraucht werden darf. Wenn Sie es jedoch mit Bedacht einsetzen, kann es äußerst nützlich sein.
Es ist nicht schwer, den Effekt einer schwebenden Werbung zu erzeugen. Wenn Sie über grundlegende JS-Kenntnisse verfügen, können Sie selbst eine erstellen. Wenn Sie zu faul zum Schreiben sind, laden Sie ein Spezialeffekt-Tool online herunter und fügen Sie den Code nach Aufforderung ein. Wenn Sie jedoch wirklich verstehen möchten, wie es erstellt wird, müssen Sie einige JS-Kenntnisse beherrschen. Hier stelle ich Ihnen eine einfache Floating-Werbemethode vor.
Der folgende Code kann zwischen <body></body> platziert werden, wobei ich einige Kommentare hinzugefügt habe (d. h. den Text nach „//“ und den Text zwischen „<!—“ und „-->“).
<SCRIPT FOR=window EVENT=onload LANGUAGE="JScript">
initAd();// Rufen Sie nach dem Laden der Seite die Funktion initAd() auf
</SCRIPT>
<script language="JScript">
<!--
Funktion initAd() {
document.all.AdLayer.style.posTop = -200;//Legen Sie die Position der Anzeigenebene relativ zur festen y-Richtung fest, nachdem das onLoad-Ereignis ausgelöst wurde.
document.all.AdLayer.style.visibility = 'visible'//Setzen Sie die Ebene auf sichtbar
MoveLayer('AdLayer');//Funktion MoveLayer() aufrufen
}
Funktion MoveLayer(layerName) {
var x = 600; // Die schwebende Werbeebene wird an der x-Richtungsposition des Browsers fixiert
var y = 300; //Die schwebende Werbeebene ist in der y-Richtung des Browsers fixiert
var diff = (document.body.scrollTop + y - document.all.AdLayer.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval("document.all." + LayerName + ".style.posTop = y");
eval("document.all." + layerName + ".style.posLeft = x");//Mobile Advertising-Ebene
setTimeout("MoveLayer('AdLayer');", 20);//Setze 20 Millisekunden vor dem Aufruf der Funktion MoveLayer()
}
//-->
</script>
<!--Das Folgende ist eine Ebene mit dem ID-Namen AdLayer (wenn der ID-Name nicht AdLayer ist, muss auch der AdLayer in MoveLayer() oben entsprechend geändert werden), einschließlich eines Bildes mit einem Link -->
<div id=AdLayer='position:absolute; width:61px; z-index:20; top:
<a href=" http://www.5dmedia.com/bbs"><img src='../qqkk2000.gif' border="0" height="60" width="60"></a>
</div>
Hier können Sie die x- und y-Werte festlegen, um die Position der festen Ebene festzulegen, und den Wert von 20 in setTimeout("MoveLayer('AdLayer');", 20) auf den von Ihnen gewünschten Wert ändern Ich möchte das Zeitintervall von MoveLayer() aufrufen. Außerdem ist zu beachten, dass es sich bei dem verwendeten Bild vorzugsweise um ein GIF mit transparentem Hintergrund handelt, damit die Hintergrundfarbe des Bildes den dahinter liegenden Inhalt nicht verdeckt.
Denken Sie daran, schwebende Anzeigen mit Vorsicht zu verwenden. Wenn Sie über den Einsatz von Spezialeffekten nachdenken, müssen Sie auch die Gefühle des Betrachters berücksichtigen und diese nicht missbrauchen!