Lineare Bewegung (dBooks - JavaScript)

--> home

NN: Stilklassen


		Scroller
		Ticker

(Umfang 188 Seiten)


		Sponsoring


	JavaScript-Objekte spez. Seiten zu JavaScript








	Auswahl dBooks: Suche und verwandte Themen








	Verschiedenes

Linear

Die lineare Bewegung mit DhtmlObject

Die lineare Bewegung kann zusammen mit der clipping-Methoden für verschiedene Anwendungen benützt werden. Dazu zählen beispielsweise Scroller und Ticker.

Lineare Bewegung.

Eine Reihe von Aufrufen von DhtmlObject inklusive eines Formulars, mit dem Sie alle möglichen Parameter definieren können.

Ergebnis

Quellcode

<script language="javascript" type="text/javascript" src="/javascript/javascriptExamples/DhtmlObject.js"></script>



<div id="hund" style="position:absolute;visibility:hidden;"><a href="#example"
   onmouseover="myHund.visibility('visible');"
   onmouseout="myHund.visibility('hidden');"><img
      src="/pic/example/hund.jpg"
      width=320 height=170" name="Hund" border="1"></a></div>



<form>
totalLoops: <input type="text" size="5" value="1" onchange="animationProperties['totalLoops'] = parseInt(this.value);"><br>
steps: <input type="text" size="5" value="100" onchange="animationProperties['steps'] = parseInt(this.value);"><br>
totalTime (sek):<input type="text" size="5" value="2" onchange="animationProperties['totalTime'] = Number(this.value);"><br>
startX: <input type="text" size="5" value="200" onchange="animationProperties['startX'] = parseInt(this.value);"><br>
startY: <input type="text" size="5" value="200" onchange="animationProperties['startY'] = parseInt(this.value);"><br>
stopX: <input type="text" size="5" value="400" onchange="animationProperties['stopX'] = parseInt(this.value);"><br>
stopY: <input type="text" size="5" value="200" onchange="animationProperties['stopY'] = parseInt(this.value);"><br>
<input type="button" value="starte lineare Animation" onclick="
   myHund.visibility('visible');
   myHund.zIndex(3);
   myHund.clip(clipTop,clipRight,clipBottom,clipLeft,clipFix);
   myHund.animationStart(animationProperties);
   myHund.zIndex(2);
">

<hr>
Clip-Werte:
right: <input type="text" size="5" value="200" onchange="clipRight = parseInt(this.value);"><br>
top: <input type="text" size="5" value="10" onchange="clipTop = parseInt(this.value);"><br>
left: <input type="text" size="5" value="100" onchange="clipLeft = parseInt(this.value);"><br>
bottom: <input type="text" size="5" value="100" onchange="clipBottom = parseInt(this.value);"><br>
clip fixieren (0|1): <input type="text" size="5" value="1" onchange="clipFix = parseInt(this.value);"><br>

</form>

<script language="javascript">
</script>

Die Methode linePath von DhtmlObject



	Beispiel		NN						MSIE					Opera
	Beispiel		2	3	4	4.5	6		3	4	5	5.5		3.6	4	5
	linePath
	Die Funktion erlaubt die geradlinige Bewegung, die auch für verschiedene Anwendungen wie Scroller oder Ticker verwendet werden kann.
	clip
	Mit dieser Funktion werden Clipping-Regionen Browserunabhängig definiert.
	clipMove
	Mit dieser Funktion kann der Clip für Scroller bewegt werden

wird unterstützt

wird größtenteils unterstützt

wird teilweise unterstützt

wird nicht unterstützt

keine direkte Funktion

gefährlich

Links


		Link empfehlen

(München, 2001-02-19 00:00:00 / )

Der Betreiber von www.dBooks.de übernimmt keine Verantwortung für den Inhalt und die Richtigkeit der Angaben auf den verlinkten Websites. Zu den üblichen NoNos gibt es keine direkten Verweise.

(Umfang dBook JavaScript: 188 Themenseiten )
letzte Generierung Mon, 30 Apr 2001 12:15:38 GMT 45
© Werner Diwischek