Stretch filtresi (ing)

ByOnur58 · 4 Şub 2015

Kod:

<body>

<p align="center"><b><font size="6">Stretch filter</font></b></p>
<table border="1" width="100%">
	<tr>
		<td colspan="2"><b>Using</b>:</td>
	</tr>

	<tr>
		<td width="13%"><b>HTML</b>:</td>
		<td width="85%"><ELEMENT STYLE="filter:progid:DXImageTransform.Microsoft.Stretch(sProperties)"></td>
	</tr>

	<tr>
		<td width="13%"><b>Script</b>:</td>
		<td width="85%">object.style.filter = "progid:DXImageTransform.Microsoft.Stretch(sProperties)"</td>
	</tr>

	<tr>
		<td colspan="2"><i><b>sProperties</b></i></td>
	</tr>
	<tr>
		<td width="13%"><b>Duration:</b></td>
		<td width="85%">
		Sets or returns duration of transformation in seconds.</td>
	</tr>
	<tr>
		<td width="13%"><b>StretchStyle:</b></td>
		<td width="85%">Sets or returns the method of substituting for old 
		maintenance of element of page new.<br>
		For property the followings values are accessible: <br>
		 Hide - new maintenance of element crawls on old on the left on a right 
		(default value); <br>
		 Spin - new maintenance of element of page crawls on old from the 
		middle of element to to by sides; <br>
		 Push is new maintenance of element of page moved apart from the left 
		side, squeezes old maintenance.</td>
	</tr>
</table>
<p><a href="http://www.shvaika.ic.ck.ua">Author's site</a></p>

<center>
<p><INPUT name="Button" onclick="fnToggle()" type="button" value='Click to play filter for StretchStyle = "HIDE"'></p>
<!-- This DIV is the target of the transition. -->
<DIV ID="fildiv" STYLE="height:250px; width:250px; background-color: gold;
                filter:progid:DXImageTransform.Microsoft.Stretch(duration=3);">
<br>
<p align=center>Example using Stratch filter</p>
<br><br>
<p align=center><a href="http://www.shvaika.ic.ck.ua">Author's site</a></p>
</DIV>
</center>

**********
var arrStretchStyles = new Array();
arrStretchStyles = ['HIDE','PUSH','SPIN'];
var iIndexCount = 0;
var bToggle = 0;

function fnToggle() {
var iStyleIndex = iIndexCount%3 ;  // MOD function a****s resetting the counter.
    fildiv.filters[0].stretchstyle = arrStretchStyles[iStyleIndex];
    Button.value = 'Click to play filter for StretchStyle = "' + arrStretchStyles[iStyleIndex] + '"';
    
    fildiv.filters[0].Apply();                   

    if (bToggle) {                                                        
        bToggle = 0;
        fildiv.style.backgroundColor="gold"; 
    }
    else {
        bToggle = 1;
        fildiv.style.backgroundColor="green";    
    }  
        
    fildiv.filters[0].Play();
    iIndexCount += 1;
}
</SCRIPT>

</body>

</html>

Stretch filtresi (ing)

ByOnur58