JavaScript È°¿ëÆÁ
2008.05.30 / 19:18

Filters and Transitions Master Sample

ÁøÁöºÀÁ¾
Ãßõ ¼ö 131
Á¦¸ñ¾øÀ½
 

Filters and Transitions Master Sample

 

You can use the controls on the left side of the window to apply and modify various filters and transitions. First, select the type of effect: Filters or Transitions. Next, select a filter or transition from the drop-down list. If the selected effect supports specific features, you can use controls on the lower left side of the window to further modify the effect. The code used to generate the effect is shown below the controls section.

The image, dark red text, and sky blue background make up the content of the filtered SPAN.

Effect Type:  Filters   Transitions

Select a filter: 
Features:

Style:

Opacity:    FinishOpacity:

StartX:    FinishX:

StartY:    FinishY:
<SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 13px; FILTER: progid:DXImageTransform.Microsoft.Alpha( style=1,opacity=25,finishOpacity=100,startX=0,finishX=100,startY=100,finishY=0); FONT: bold 9pt/1.3 verdana; WIDTH: 305px; COLOR: darkred; HEIGHT: 150px; BACKGROUND-COLOR: skyblue"><IMG id=oImg style="MARGIN: 8px" src="fruit.gif" align=left>
<DIV id=imgObjText><BR>The image, dark red text, and sky blue background make up the content of the filtered SPAN.</DIV></SPAN>