一个XML页面文字滚动效果演示

2024-09-05 12:21:32

字体：大中小

来源：转载

供稿：网友

一个XML做成的网页文字滚动特效演示，喜欢用XML做网页特效的可参考哦。一些文字由右向左滚动，用XML也可以做网页特效，不错哦。

<HTML xmlns:t = "urn:schemas-microsoft-com:time"><HEAD><TITLE>XML页面效果</TITLE><STYLE type=text/css>BODY{MARGIN-TOP: 0px;FONT-SIZE: 9pt;MARGIN-LEFT: 0px;MARGIN-RIGHT: 0px;FONT-FAMILY: "微软雅黑"}A{FONT-WEIGHT: 400;FONT-SIZE: 9pt;COLOR: black;TEXT-DECORATION: none}A: hover{FONT-WEIGHT: 400;FONT-SIZE: 9pt;COLOR: red;TEXT-DECORATION: underline}A: active{CURSOR: hand;COLOR: #ff0033}.STYLE1{color: #FF00FF;font-size: 40px;}.STYLE2{font-weight: bold;font-size: 30px;}.time {BEHAVIOR: url(#DEFAULT#TIME2)}t/:* {BEHAVIOR: url(#DEFAULT#TIME2)}</STYLE><META http-equiv=Content-Type content="text/html; charset=gb2312"></HEAD><BODY id=nanimated bgColor=#fef4d9><CENTER>  <span class="STYLE1">XML页面效果</span></CENTER><BR><CENTER><TABLE borderColor=#00FF00 border=5 borderlight="green">  <TBODY>  <TR>    <TD align=middle><span class="STYLE2"><FONT color=red>效果显示</FONT></span></TD>  </TR>  <TR>    <TD align=middle><SCRIPT language=JScript type=text/jscript>window.onload=fnInit;function fnInit(){   var iX2=container.offsetWidth/2;   var iY2=container.offsetHeight;   container.filters[0].addCone(-200,50,0,iX2,iY2,0,0,255,70,100);}</SCRIPT>      <DIV>      <DIV       style="BACKGROUND: black; LEFT: 0px; WIDTH: 155px; POSITION: absolute; TOP: 0px; HEIGHT: 130px">      <DIV id=outercontainer style="FILTER: alpha(opacity=0); LEFT: 0px; WIDTH: 160px; POSITION: absolute; TOP: 0px; HEIGHT: 130px">      <DIV id=container style="FILTER: light(); LEFT: 0px; WIDTH: 155px; POSITION: absolute; TOP: 0px; HEIGHT: 130px; BACKGROUND-COLOR: #33FFFF">      <DIV id=IElogo style="FONT-WEIGHT: bold; FONT-SIZE: 120pt; Z-INDEX: 5; FILTER: alpha(opacity=30,); LEFT: -70px; WIDTH: 130px; COLOR: white; FONT-FAMILY: arial; POSITION: absolute; TOP: -20px; TEXT-ALIGN: center"><IMG src="http://www.aspku.com"></DIV></DIV></DIV></DIV>%20%20%20%20%20%20<DIV%20id=slHTMLTIME%20style="FONT-WEIGHT:%20bold;%20FONT-SIZE:%20225px;%20Z-INDEX:%202;%20FILTER:%20alpha(opacity:30);%20LEFT:%20170px;%20COLOR:%20white;%20FONT-FAMILY:%20arial;%20POSITION:%20absolute;%20TOP:%20-50px">QQ</DIV>%20%20%20%20%20%20<DIV%20id=whatsnewin%20%20%20%20%20%20%20style="FONT-WEIGHT:%20bold;%20FONT-SIZE:%2012pt;%20Z-INDEX:%205;%20FILTER:%20alpha(opacity=00,);%20LEFT:%202px;%20WIDTH:%20150px;%20COLOR:%20white;%20FONT-FAMILY:%20"华文行楷";%20POSITION:%20absolute;%20TOP:%202px;%20TEXT-ALIGN:%20left">欢迎你！</DIV>%20%20%20%20%20%20<DIV%20id=ietexter%20%20%20%20%20%20%20style="FONT-WEIGHT:%20bold;%20FONT-SIZE:%2012pt;%20Z-INDEX:%205;%20FILTER:%20alpha(opacity=00,);%20LEFT:%202px;%20WIDTH:%20150px;%20COLOR:%20white;%20FONT-FAMILY:%20arial;%20POSITION:%20absolute;%20TOP:%2018px;%20TEXT-ALIGN:%20left"><img%20%20%20%20%20%20%20src="/jscss/demoimg/201312/111.gif" width="58" height="61"></DIV>      <DIV id=n51       style="FONT-WEIGHT: bold; FONT-SIZE: 85px; Z-INDEX: 5; FILTER: alpha(opacity=0,); LEFT: 50px; WIDTH: 44px; COLOR: white; FONT-FAMILY: arial; POSITION: absolute; TOP: 48px">Q</DIV>      <DIV id=n52       style="FONT-WEIGHT: bold; FONT-SIZE: 85px; Z-INDEX: 2; FILTER: alpha(opacity=0,); LEFT: 50px; WIDTH: 44px; COLOR: white; FONT-FAMILY: arial; POSITION: absolute; TOP: 48px">Q</DIV></DIV>  <t:par begin = "0"><t:animate attributeName = "filters.item(0).opacity" from = "0" targetElement = "outercontainer" to = "100" begin = "0" dur = ".5"></t:animate><t:set attributeName =       "filters.item(0).opacity" targetElement = "outercontainer" to = "100" begin = ".5"></t:set><t:animate attributeName = "filters.item(0).opacity" from = "0" targetElement = "whatsnewin" to = "100" begin = "2" dur = "1"></t:animate><t:set attributeName = "filters.item(0).opacity"       targetElement = "whatsnewin" to = "100" begin = "3.0"></t:set><t:animate attributeName = "filters.item(0).opacity" from = "0" targetElement = "ietexter" to = "100" begin = "3" dur ="1"></t:animate><t:set attributeName = "filters.item(0).opacity" targetElement = "ietexter" to = "100" begin = "4.0"></t:set><t:animate attributeName =       "filters.item(0).opacity" from = "0" targetElement = "n51" to = "100"       begin = "4.5" dur = ".5"></t:animate><t:set attributeName =       "filters.item(0).opacity" targetElement = "n51" to = "100" begin =       "5"></t:set><t:animate attributeName = "left" from = "75" targetElement =       "dot" to = "94" begin = "5.5" dur = ".5"></t:animate><t:set attributeName       = "filters.item(0).opacity" targetElement = "dot" to = "100" begin =       "5"></t:set><t:set attributeName = "left" targetElement = "dot" to = "94"       begin = "6"></t:set><t:animate attributeName = "left" from = "55"       targetElement = "n52" to = "103" begin = "5" dur = "1"></t:animate><t:set       attributeName = "filters.item(0).opacity" targetElement = "n52" to = "100"       begin = "5"></t:set><t:set attributeName = "width" targetElement = "n52"       to = "44" begin = "6"></t:set><t:set attributeName = "left" targetElement       = "n52" to = "105" begin = "6"></t:set></t:par><t:par begin = "2"       repeatCount = "indefinite"><t:animate attributeName = "left" from = "170"       targetElement = "slHTMLTIME" to = "-300" begin = "0" dur =       "10"></t:animate></t:par></TD></TR></TBODY></TABLE></CENTER></BODY></HTML>

上一篇：文字轮番交替出现

下一篇：文字边框闪烁Js代码