一個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 id="ooqgyg2"    class="STYLE1">XML頁面效果</span></CENTER><BR><CENTER><TABLE borderColor=#00FF00 border=5 borderlight="green">  <TBODY>  <TR>    <TD align=middle><span id="2aaskya"    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   class="oqg4sy8"   id=outercontainer style="FILTER: alpha(opacity=0); LEFT: 0px; WIDTH: 160px; POSITION: absolute; TOP: 0px; HEIGHT: 130px">      <div   class="ssk4u2m"   id=container style="FILTER: light(); LEFT: 0px; WIDTH: 155px; POSITION: absolute; TOP: 0px; HEIGHT: 130px; BACKGROUND-COLOR: #33FFFF">      <div   class="cmuccmk"   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   class="uckks4o"   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   class="4kss4ca"   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代碼