用代码做动态的滤镜效果4
<P></P><P><FONT color=blue size=4>&lt;DIV style=\"position:relative; top:30px; left:0px; width:700px;height:300px\"&gt;
&lt;STYLE&gt;.time {
&nbsp;BEHAVIOR: url(#default#time2)
filter: /*ALE*/ }
&lt;/STYLE&gt;
&lt;?import namespace = t urn = \"urn:schemas-microsoft-com:time\" implementation = \"#default#time2\" declareNamespace /&gt;
&lt;DIV align=center&gt;
&lt;IMG id=t4 src=http://media.imhb.cn/homepic/2007/12/26/20071226215655_61179.jpg style=\"filter: Alpha(Opacity=100,Style=0)\" border=0&gt;
&lt;t:animate targetElement=\"t4\" attributeName=\"filters.Alpha.Opacity\" from=\"100\" to=\"0\" begin=\"0\" dur=\"4\" end=\"\" autoreverse=\"false\" repeatcount=\"indefinite\"/&gt;
&lt;/div&gt;
&lt;/div&gt;</FONT>
</P>
<P></P>
<DIV style="position:relative; top:30px; left:0px; width:700px;height:300px">
<STYLE>.time {
BEHAVIOR: url(#default#time2)
filter: /*ALE*/ }
</STYLE>
<?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace />
<DIV align=center>
<IMG id=t4 src=http://media.imhb.cn/homepic/2007/12/26/20071226215655_61179.jpg style="filter: Alpha(Opacity=100,Style=0)" border=0>
<t:animate targetElement="t4" attributeName="filters.Alpha.Opacity" from="100" to="0" begin="0" dur="4" end="" autoreverse="false" repeatcount="indefinite"/>
</div>
</div> <P><STRONG><FONT size=4>Alpha滤镜效果</FONT></STRONG></P>
<P> </P>
<P><FONT color=blue size=4>&lt;DIV style=\\"position:relative; top:30px; left:0px; width:700px;height:120px\\"&gt;
&lt;STYLE&gt;.time {
&nbsp;BEHAVIOR: url(#default#time2)
filter: /*ALE*/ }
&lt;/STYLE&gt;
&lt;?import namespace = t urn = \\"urn:schemas-microsoft-com:time\\" implementation = \\"#default#time2\\" declareNamespace /&gt;
&lt;DIV align=center&gt;&lt;div id=z4 style=\\"position: absolute; filter:filter: Alpha(Opacity=100,Style=0)\\"&gt;&lt;font face=华文新魏 color=#0000fa size=7&gt;&lt;b&gt;Alpha滤镜效果&lt;/b&gt;&lt;/font&gt;&lt;br&gt;</FONT></P>
<P><FONT color=blue size=4>&lt;t:animate targetElement=\\"z4\\" attributeName=\\"filters.Alpha.Opacity\\" from=\\"100\\" to=\\"0\\" begin=\\"0\\" dur=\\"4\\" end=\\"\\" autoreverse=\\"false\\" repeatcount=\\"indefinite\\"/&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br&gt;&lt;br&gt;&lt;br&gt;</FONT></P>
<P></P>
<DIV style=\"position:relative; top:30px; left:0px; width:700px;height:120px\">
<STYLE>.time {
BEHAVIOR: url(#default#time2)
filter: /*ALE*/ }
</STYLE>
<?import namespace = t urn = \"urn:schemas-microsoft-com:time\" implementation = \"#default#time2\" declareNamespace />
<DIV align=center><div id=z4 style=\"position: absolute; filter:filter: Alpha(Opacity=100,Style=0)\"><font face=华文新魏 color=#0000fa size=7><b>Alpha滤镜效果</b></font><br>
<t:animate targetElement=\"z4\" attributeName=\"filters.Alpha.Opacity\" from=\"100\" to=\"0\" begin=\"0\" dur=\"4\" end=\"\" autoreverse=\"false\" repeatcount=\"indefinite\"/>
</div>
</div>
</div>
<br><br><br> 都是好东西啊 <STYLE>.spanstyle{COLOR: #0066ff; FONT-FAMILY: 宋体;FONT-SIZE:9pt;FONT-WEIGHT:normal;POSITION:absolute;TOP:-50px;VISIBILITY:visible}</STYLE>
<SCRIPT><script>var message=\"你要写的文字\";var x,y;var step=12;var flag=0;message=message.split(\"\");var xpos=new Array();for (i=0;i<=message.length-1;i++){xpos=-50;};var ypos=new Array();for (i=0;i<=message.length-1;i++){ypos=-50;};function handlerMM(e){x=(document.layers)?e.pageX:document.body.scrollLeft+event.clientX+10;y= (document.layers)?e.pageY:document.body.scrollTop+event.clientY;flag=1;};function makesnake(){if(flag==1&&document.all){for(i=message.length-1;i>=1;i--){xpos=xpos+step;ypos=ypos;};xpos=x+step;ypos=y;for (i=0; i<=message.length-1; i++){var thisspan=eval(\"span\"+(i)+\".style\");thisspan.posLeft=xpos;thisspan.posTop=ypos;thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;}};else if(flag==1 && document.layers){for (i=message.length-1; i>=1; i--){xpos=xpos+step;ypos=ypos;};xpos=x+step;ypos=y;for(i=0; i<message.length-1; i++){var thisspan=eval(\"document.span\"+i);thisspan.left=xpos;thisspan.top=ypos;thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;}}}</SCRIPT>
<SCRIPT>for(i=0;i<=message.length-1;i++){document.write(\"<span id=\'span\"+i+\"\' class=\'spanstyle\'>\");document.write(message);document.write(\"</span>\");};if(document.layers){document.captureEvents(Event.MOUSEMOVE);};document.onmousemove = handlerMM;</SCRIPT>
<SCRIPT>function pageonload(){makesnake();window.setTimeout(\"pageonload();\", 2);}</SCRIPT>
<SCRIPT>pageonload()</SCRIPT>
[ 本帖最后由 冬天123 于 2009-5-25 16:36 编辑 ] 不错啊，收藏起来，回家试试去~~~ </P> <P><FONT color=blue size=4><DIV style=\"position:relative; top:30px; left:0px; width:700px;height:300px\"> <STYLE>.time {BEHAVIOR: url(#default#time2) filter: /*ALE*/ } </STYLE> <?import namespace = t urn = \"urn:schemas-microsoft-com:time\" implementation = \"#default#time2\" declareNamespace /> <DIV align=center> <IMG id=t4 src=http://media.imhb.cn/homepic/2007/12/26/20071226215655_61179.jpg style=\"filter: Alpha(Opacity=100,Style=0)\" border=0> <t:animate targetElement=\"t4\" attributeName=\"filters.Alpha.Opacity\" from=\"100\" to=\"0\" begin=\"0\" dur=\"4\" end=\"\" autoreverse=\"false\" repeatcount=\"indefinite\"/> </div> </div></FONT> </P> <P> 怎么没效果 </P> <P><FONT color=blue size=4><DIV style=\"position:relative; top:30px; left:0px; width:700px;height:120px\"> <STYLE>.time {BEHAVIOR: url(#default#time2) filter: /*ALE*/ } </STYLE> <?import namespace = t urn = \"urn:schemas-microsoft-com:time\" implementation = \"#default#time2\" declareNamespace /> <DIV align=center><div id=z4 style=\"position: absolute; filter:filter: Alpha(Opacity=100,Style=0)\"><font face=华文新魏 color=#0000fa size=7><b>Alpha滤镜效果</b></font><br></FONT></P> <P><FONT color=blue size=4><t:animate targetElement=\"z4\" attributeName=\"filters.Alpha.Opacity\" from=\"100\" to=\"0\" begin=\"0\" dur=\"4\" end=\"\" autoreverse=\"false\" repeatcount=\"indefinite\"/> </div> </div> </div> <br><br><br></FONT></P> <P> </P> <P><FONT color=blue size=4>&lt;DIV style=\"position:relative; top:30px; left:0px; width:700px;height:120px\"&gt; &lt;STYLE&gt;.time { BEHAVIOR: url(#default#time2) filter: /*ALE*/ } &lt;/STYLE&gt; &lt;?import namespace = t urn = \"urn:schemas-microsoft-com:time\" implementation = \"#default#time2\" declareNamespace /&gt; &lt;DIV align=center&gt;&lt;div id=z4 style=\"position: absolute; filter:filter: Alpha(Opacity=100,Style=0)\"&gt;&lt;font face=华文新魏 color=#0000fa size=7&gt;&lt;b&gt;欢迎大家前来学习&lt;/b&gt;&lt;/font&gt;&lt;br&gt;</FONT></P> <P><FONT color=blue size=4>&lt;t:animate targetElement=\"z4\" attributeName=\"filters.Alpha.Opacity\" from=\"100\" to=\"0\" begin=\"0\" dur=\"4\" end=\"\" autoreverse=\"false\" repeatcount=\"indefinite\"/&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;br&gt;&lt;br&gt;&lt;br&gt;</FONT></P> <P>
[ 本帖最后由 康桥 于 2009-6-15 21:31 编辑 ]
页:
[1]