欢迎光临
我们一直在努力

非常好的东西,有助于学习css虑镜,转msdn [3]

建站超值云服务器,限时71元/月

<span bgcolor="#dddddd" style="background: #dddddd; border-bottom: 1px solid; border-left: 1px solid; border-right: 1px solid; border-top: 1px solid; height: 35px; left: 300px; padding-left: 5px; padding-right: 5px; position: absolute; text-align: center; top: 419px; width: 500px; background-image:  url(copybg.gif); background-repeat: no-repeat">
  <button style="margin-top:3; margin-bottom:3;" onclick="copy2clipboard();">
    copy code to clipboard
  </button>
</span>

<span id="filtersection" issource=true style="display:none">
<b>select a filter:</b><br>
<select id="oselect" onchange="changefilter()">
<option value="empty" selected><no filter></option>
<option value="progid:dximagetransform.microsoft.basicimage">basicimage</option>
<option value="progid:dximagetransform.microsoft.crblur">blur</option>
<option value="progid:dximagetransform.microsoft.chroma">chroma</option>
<option value="progid:dximagetransform.microsoft.dropshadow">dropshadow</option>
<option value="progid:dximagetransform.microsoft.cremboss">emboss</option>
<option value="progid:dximagetransform.microsoft.crengrave">engrave</option>
<option value="progid:dximagetransform.microsoft.pixelate">pixelate</option>
</select><br><br>
</span>

<span id="transitionsection" issource=true style="display:none">
<b>select a transition:</b><br>
<select id="oselect" onchange="changetrans();">
<option value="empty" selected><no transition></option>
<option value="progid:dximagetransform.microsoft.crbarn()">barn</option>
<option value="progid:dximagetransform.microsoft.crblinds()">blinds</option>
<option value="progid:dximagetransform.microsoft.checkerboard()">checkerboard</option>
<option value="progid:dximagetransform.microsoft.fade()">fade</option>
<option value="progid:dximagetransform.microsoft.crinset()">inset</option>
<option value="progid:dximagetransform.microsoft.criris()">iris</option>
<option value="progid:dximagetransform.microsoft.pixelate()">pixelate</option>
<option value="progid:dximagetransform.microsoft.crradialwipe()">radialwipe</option>
<option disabled value="progid:dximagetransform.microsoft.randombars()">random bars</option>
<option value="progid:dximagetransform.microsoft.crslide()">slide</option>
<option value="progid:dximagetransform.microsoft.crspiral()">spiral</option>
<option value="progid:dximagetransform.microsoft.crstretch()">stretch</option>
<option disabled value="progid:dximagetransform.microsoft.crstrips()">strips</option>
<option value="progid:dximagetransform.microsoft.crwheel()">wheel</option>
<option value="progid:dximagetransform.microsoft.wipe()">wipe</option>
<option value="progid:dximagetransform.microsoft.crzigzag()">zigzag</option>
</select>
 
<button onclick="transstart(oimg)">apply transition</button><br><br>
</span>

<span id="oblurcontrols" issource=true style="display:none">
pixelradius:
<select name="pixelradiuslist" onchange="blurfilterchange()">
    <option value="0">0</option>
    <option value="5" selected>5</option>
    <option value="10">10</option>
    <option value="20">20</option>
</select>
<input type="checkbox" name="makeshadowswitch" onclick="blurfilterchange()"> makeshadow</input><br><br>
shadowopacity:
<select name="shadowopacitylist" onchange="blurfilterchange()">
    <option value="0.00">0.00</option>
    <option value="0.25">0.25</option>
    <option value="0.50">0.50</option>
    <option value="0.75">0.75</option>
    <option value="1.00" selected>1.00</option>
</select>
</span>
<span id="opixelatecontrols" issource=true style="display:none">
maxsquare:
<select name="maxsquarelist" onchange="pixelatefilterchange()">
    <option value="5">5</option>
    <option value="10">10</option>
    <option value="25">25</option>
    <option value="50" selected>50</option>
</select>
progress:
<select name="progresslist" onchange="pixelatefilterchange()">
    <option value="0.0">0.00</option>
    <option value="0.25">0.25</option>
    <option value="0.50">0.50</option>
    <option value="0.75">0.75</option>
    <option value="1.00" selected>1.00</option>
</select>
</span>
<span id="odropshadowcontrols" issource=true style="display:none">
color:
<select name="shadowcolorlist" onchange="dropshadowfilterchange()">
    <option value="dddddd" selected>light gray (dddddd)</option>
    <option value="999999">dark gray (999999)</option>
    <option value="ffff00">yellow (ffff00)</option>
    <option value="0000ff">blue (0000ff)</option>
</select><br><br>
offx:
<select name="offsetxlist" onchange="dropshadowfilterchange()">
    <option value="3">-3</option>
    <option value="-1">-1</option>
    <option value="1" selected>1</option>
    <option value="3">3</option>
</select>
offy:
<select name="offsetylist" onchange="dropshadowfilterchange()">
    <option value="-3">-3</option>
    <option value="-1">-1</option>
    <option value="1" selected>1</option>
    <option value="3">3</option>
</select><br><br>
<input type="checkbox" name="positiveswitch" onclick="dropshadowfilterchange()" checked> positive</input>
</span>
<span id="ochromacontrols" issource=true style="display:none">
color:
<select name="chromacolorlist" onchange="chromafilterchange()">
    <option value="000000" selected>black (000000)</option>
    <option value="ffffff">white (ffffff)</option>
</select>
</span>
<span id="obasicimagecontrols" issource=true style="display:none">
rotation:
<select name="rotationlist" onchange="basicimagefilterchange()">
    <option value="0" selected>0 (0 deg.)</option>
    <option value="1">1 (90 deg.)</option>
    <option value="2">2 (180 deg.)</option>
    <option value="3">3 (270 deg.)</option>
</select>opacity:
<select name="basicimageopacitylist" onchange="basicimagefilterchange()">
    <option value="0.00">0.00</option>
    <option value="0.25">0.25</option>
    <option value="0.50">0.50</option>
    <option value="0.75">0.75</option>
    <option value="1.00" selected>1.00</option>
</select><br>
<input type="checkbox" name="mirrorswitch" onclick="basicimagefilterchange()"> mirror</input>
<input type="checkbox" name="invertswitch" onclick="basicimagefilterchange()"> invert</input><br>
<input type="checkbox" name="xrayswitch" onclick="basicimagefilterchange()"> xray</input>
<input type="checkbox" name="grayscaleswitch" onclick="basicimagefilterchange()"> grayscale</input><br>
<input type="checkbox" name="basicimagemaskswitch" onclick="basicimagefilterchange()"> mask</input>
<span id="maskcolorspan">
maskcolor:
<select name="basicimagemaskcolorlist" onchange="basicimagefilterchange()">
    <option value="ff0000">red (ff0000)</option>
    <option value="ffff00">yellow (ffff00)</option>
    <option value="00ff00">green (00ff00)</option>
    <option value="ff00ff">magenta (ff00ff)</option>
    <option value="0000ff">blue (0000ff)</option>
    <option value="00ffff" selected>cyan (00ffff)</option>
</select>
</span>

</span>

<span id="obarncontrols" issource=true style="display:none">
<input type="checkbox" name="openingswitch" onclick="barntranschange()"> opening</input>
<input type="checkbox" name="barnverticalswitch" onclick="barntranschange()"> vertical</input>
</span>

<span id="oblindscontrols" issource=true style="display:none">
bands:
<select name="blindsbandslist" onchange="blindstranschange()">
    <option value="2">2</option>
    <option value="4">4</option>
    <option value="6">6</option>
    <option value="8">8</option>
    <option value="10" selected>10</option>
</select>
direction:
<select name="blindsdirectionlist" onchange="blindstranschange()">
    <option value="up" selected>up</option>
    <option value="down">down</option>
    <option value="left">left</option>
    <option value="right">right</option>
</select>

</span>

<span id="ocheckerboardcontrols" issource=true style="display:none">
direction:
<select name="checkerboarddirectionlist" onchange="checkerboardtranschange()">
    <option value="up">up</option>
    <option value="down">down</option>
    <option value="left">left</option>
    <option value="right" selected>right</option>
</select><br><br>
squaresx:
<select name="squaresxlist" onchange="checkerboardtranschange()">
    <option value="2">2</option>
    <option value="4">4</option>
    <option value="6">6</option>
    <option value="8">8</option>
    <option value="10">10</option>
    <option value="12">12</option>
</select>
squaresy:
<select name="squaresylist" onchange="checkerboardtranschange()">
    <option value="2">2</option>
    <option value="4">4</option>
    <option value="6">6</option>
    <option value="8">8</option>
    <option value="10">10</option>
    <option value="12">12</option>
</select>
</span>

<span id="ofadecontrols" issource=true style="display:none">
overlap:
<select name="fadeoverlaplist" onchange="fadetranschange()">
    <option value="0.00">0.00</option>
    <option value="0.25">0.25</option>
    <option value="0.50">0.50</option>
    <option value="0.75">0.75</option>
    <option value="1.00" selected>1.00</option>
</select>
<input type="checkbox" name="centerswitch" onclick="fadetranschange()"> center</input>
</span>

<span id="oiriscontrols" issource=true style="display:none">
irisstyle:
<select name="irisstylelist" onchange="iristranschange()">
    <option value="diamond">diamond</option>
    <option value="circle">circle</option>
    <option value="cross">cross</option>
    <option value="plus" selected>plus</option>
    <option value="square">square</option>
    <option value="star">star</option>
</select>
<input type="checkbox" name="irisreverseswitch" onclick="iristranschange()"> reverse</input>
</span>

<span id="opixelatetranscontrols" issource=true style="display:none">
maxsquare:
<select name="maxsquaretranslist" onchange="pixelatetranschange()">
    <option value="5">5</option>
    <option value="10">10</option>
    <option value="25">25</option>
    <option value="50" selected>50</option>
</select>
</span>

<span id="oradialwipecontrols" issource=true style="display:none">
wipestyle:
<select name="radialwipestylelist" onchange="radialwipetranschange()">
    <option value="clock">clock</option>
    <option value="wedge">wedge</option>
    <option value="radial">radial</option>
</select>
</span>

<span id="orandombarscontrols" issource=true style="display:none">
<input type="checkbox" name="randombarsverticalswitch" onclick="randombarstranschange()"> vertical</input>
</span>

<span id="oslidecontrols" issource=true style="display:none">
slidestyle:
<select name="slidestylelist" onchange="slidetranschange()">
    <option value="hide" selected>hide</option>
    <option value="push">push</option>
    <option value="swap">swap</option>
</select>
bands:
<select name="slidebandslist" onchange="slidetranschange()">
    <option value="1" selected>1</option>
    <option value="3">3</option>
    <option value="5">5</option>
    <option value="7">7</option>
    <option value="9">9</option>
</select>
</span>

<span id="ospiralcontrols" issource=true style="display:none">
gridsizex:
<select name="spiralgridsizexlist" onchange="spiraltranschange()">
    <option value="8">8</option>
    <option value="16" selected>16</option>
    <option value="24">24</option>
    <option value="32">32</option>
</select>
gridsizey:
<select name="spiralgridsizeylist" onchange="spiraltranschange()">
    <option value="8">8</option>
    <option value="16">16</option>
    <option value="24">24</option>
    <option value="32">32</option>
</select>
</span>

<span id="ostretchcontrols" issource=true style="display:none">
stretchstyle:
<select name="stretchstylelist" onchange="stretchtranschange()">
    <option value="hide">hide</option>
    <option value="push">push</option>
    <option value="spin" selected>spin</option>
</select>
</span>

<span id="ostripscontrols" issource=true style="display:none">
movement:
<select name="movementlist" onchange="stripstranschange()">
    <option value="hide">hide</option>
    <option value="push">push</option>
    <option value="spin" selected>spin</option>
</select>
stripsy:
<select name="stripsylist" onchange="stripstranschange()">
    <option value="2">2</option>
    <option value="4" selected>4</option>
    <option value="6">6</option>
    <option value="8">8</option>
    <option value="10">10</option>
</select>
</span>

<span id="owheelcontrols" issource=true style="display:none">
spokes:
<select name="spokeslist" onchange="wheeltranschange()">
    <option value="2">2</option>
    <option value="4" selected>4</option>
    <option value="6">6</option>
    <option value="8">8</option>
    <option value="10">10</option>
</select>
</span>

<span id="owipecontrols" issource=true style="display:none">
gradientsize:
<select name="gradientsizelist" onchange="wipetranschange()">
    <option value="0.00">0.00</option>
    <option value="0.25" selected>0.25</option>
    <option value="0.50">0.50</option>
    <option value="0.75">0.75</option>
    <option value="1.00">1.00</option>
</select><br><br>
wipestyle:
<select name="wipestylelist" onchange="wipetranschange()">
    <option value="0" id="ltrrtltext" selected>0 (left-to-right)</option>
    <option value="1" id="ttbbtttext">1 (top-to-bottom)</option>
</select><br><br>
<input type="checkbox" name="wipereverseswitch" onclick="wipetranschange()"> reverse</input>
</span>

<span id="ozigzagcontrols" issource=true style="display:none">
gridsizex:
<select name="zigzaggridsizexlist" onchange="zigzagtranschange()">
    <option value="8">8</option>
    <option value="16" selected>16</option>
    <option value="24">24</option>
    <option value="32">32</option>
</select>
gridsizey:
<select name="zigzaggridsizeylist" onchange="zigzagtranschange()">
    <option value="8">8</option>
    <option value="16">16</option>
    <option value="24">24</option>
    <option value="32">32</option>
</select>
</span>

<!– document content end –>
</body>
</html>

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 非常好的东西,有助于学习css虑镜,转msdn [3]
分享到: 更多 (0)

相关推荐

  • 暂无文章