Demo Dynamic HTML - Imagen creada con CSS y Javascript

HTMLpoint.com

Imagen creada con CSS y Javascript

Compatibilidad: Ms Internet Explorer

Ejemplo sugestivo pero sobre todo demostrativo de las potencialidades del HTML dinámico.

[ Muestra el ejemplo práctico ]

el código para insertar en tu página

<HTML>
<HEAD>

<TITLE>Demo Dynamic HTML: ejemplo práctico </TITLE>

<SCRIPT LANGUAGE="VBScript">
<!--
' Sets initial variables and letter starting positions

Sub Window_OnLoad()
	call SG1.Scale(0.50, 0.50, 0.50)
	call SG1.Rotate(0, 0, 0)

RotateAll
end sub

' sets rotation speed and behavior as well as creating loop
'The three numbers below control the rotation in the three axis
'the first # is the rotation around a horizontal axis
'the second # is around a vertical axis
'the third # is rotation clockwise
Sub RotateAll
	Call SG1.Rotate(0,0,-10)
	FILK = Window.SetTimeOut("Call RotateAll", 10, "VBSCript")
End Sub
-->
</SCRIPT>

<style>
#style1 {
	visibility: show;
	position: absolute;
	top: 200;
      color: black;
	left: 0;
	z-index: 1;
}
</style>

</HEAD>

<BODY bgcolor="white" >

<OBJECT id=SG1
STYLE="POSITION:ABSOLUTE; HEIGHT: 300; LEFT: 150; TOP: 100; WIDTH: 300; ZINDEX: 0" 
CLASSID = "CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6">
<PARAM NAME="Line0001" VALUE="SetLineColor(0,0,0)">
<PARAM NAME="Line0002" VALUE="SetFillColor(255,0,0)">
<PARAM NAME="Line0003" VALUE="SetLineStyle(6)">
<PARAM NAME="Line0004" VALUE="Polygon(102,6,13,-1,7,-8,1,-23,-10,-31,-17,-36,-24,-42,-35,-45,-44,-49,-54,-50,-62,-50,-70,-49,-78,-48,-88,-44,-97,-40,-105,-35,-114,-27,-123,-21,-130,-15,-134,-8,-138
,-1,-141,6,-143,14,-144,19,-145,25,-145,40,-144,29,-147,21,-148,12,-149,3,-149,-5,-149,-13,-149,-21,-148,-29,-147,-39,-144,-49,-142,-59,-138,-67,-134,-76,-129,-85,-124
,-91,-119,-98,-113,-105,-107,-111,-101,-116,-95,-121,-88,-126,-82,-131,-74,-134,-67,-138,-59,-141,-51,-144,-42,-147,-34,-148,-25,-150,-15,-150,-7,-150,2,-150,10,-149,20,-147,31
,-145,40,-143,49,-140,56,-136,64,-133,71,-128,79,-123,87,-117,94,-112,101,-106,107,-100,113,-95,117,-88,123,-81,127,-76,130,-70,133,-64,136,-59,137,-50,139,-44,140
,-37,140,-31,140,-23,139,-16,137,-9,134,-3,131,4,127,9,123,14,118,19,112,23,105,26,99,29,91,31,83,32,75,32,67,31,58,29,50,26,42,22,35
,18,28,12,21)">
<PARAM NAME="Line0005" VALUE="SetFillColor(255,162,0)">
<PARAM NAME="Line0006" VALUE="Polygon(102,-7,-12,0,-6,7,0,22,11,30,18,35,25,41,36,44,45,48,54,49,63,49,71,48,79,47,89,43,98,39,106,34,115,26,124,20,130,14,135,7,139
,0,142,-7,144,-15,145,-20,146,-26,146,-41,145,-30,147,-22,149,-13,150,-4,150,4,150,12,150,20,149,28,148,38,145,48,142,58,139,66,135,75,130,84,125
,90,119,97,114,104,108,110,102,115,96,120,89,125,83,130,75,133,68,137,60,140,52,143,43,146,35,147,26,149,16,149,8,150,-1,149,-10,148,-20,146,-30
,144,-39,142,-48,139,-55,135,-63,132,-70,127,-78,122,-86,116,-93,111,-100,105,-106,99,-112,94,-116,87,-122,80,-126,75,-130,69,-132,63,-135,58,-136,49,-138,43,-139
,36,-139,30,-139,22,-138,15,-136,8,-133,2,-130,-5,-126,-10,-122,-15,-117,-20,-111,-24,-105,-27,-98,-30,-90,-32,-83,-33,-74,-33,-66,-32,-57,-30,-49,-27,-41,-23,-34
,-19,-28,-13,-20)">
</OBJECT>

</body>
</html>

[Baja en un único archivo .zip, las imágenes y demás archivos necesarios
para el funcionamiento de las demo de esta sección]