WAP中实现文字滚动动画 [WAP]

所属分类：[网络编程] | 创建时间：2013-01-13 | 文章属性：原创 | 文章来源：http://windfly.cn | 作者：windfly

&#160;
 
 
 &#160;&#39318;&#20808;&#35828;&#35828;&#21160;&#30011;&#65292;&#23398;FLASH&#30340;&#20154;&#23601;&#39532;&#19978;&#20250;&#24819;&#21040;&#24103;&#65292;&#22312;&#21333;&#20301;&#26102;&#38388;&#20869;&#25773;&#25918;&#22810;&#23569;&#24103;&#23601;&#33021;&#23454;&#29616;&#21160;&#30011;&#30340;&#25928;&#26524;&#65288;&#19981;&#36807;&#25991;&#23383;&#28378;&#21160;&#22312;HTML&#32593;&#39029;&#20013;&#20063;&#33021;&#29992;marquee&#23454;&#29616;&#25928;&#26524;&#65289;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; WAP&#20013;&#23454;&#29616;&#25991;&#23383;&#28378;&#21160;&#30340;&#25928;&#26524;&#23601;&#21482;&#33021;&#21033;&#29992;&#21160;&#30011;&#30340;&#21407;&#29702;&#23454;&#29616;&#65292;&#22240;&#20026;WML&#20013;&#27809;&#26377;marquee&#65292;&#20294;&#26159;&#26377;CARD 
 &#30340;ontimer&#20107;&#20214;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; ontimer&#31867;&#20284;&lt;meta 
 http-equiv=&quot;refresh&quot; 
 content=&quot;300;url=main.asp&quot;&gt;&#21644;JAVASCRIPT&#20013;&#30340;setTimeout&#26041;&#27861;,&#29992;&#20110;&#25351;&#23450;&#19968;&#20010;&#20107;&#20214;&#12290;&#24403;&lt;timer/&gt; 
 &#26631;&#31614;&#25351;&#23450;&#30340;&#26102;&#38388;&#21040;&#26399;&#21518;&#65292;&#27983;&#35272;&#22120;&#23601;&#25191;&#34892;ontimer&#25152;&#25351;&#23450;&#30340;&#36825;&#20010;&#20107;&#20214;&#12290;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; ontimer&#21487;&#20197;&#26159;&#19968;&#20010;URL&#22320;&#22336;&#65292;&#19968;&#20010;&#21345;&#29255;&#32452;&#65292;&#19968;&#20010;WML&#32593;&#39029;&#65292;&#19968;&#24133;&#22270;&#20687;&#25110;&#20854;&#20182;&#31526;&#21512;URL&#23450;&#20301;&#30340;&#35268;&#21017;&#30340;&#25991;&#20214;&#12290;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;timer/&gt;&#26631;&#31614;&#25351;&#23450;&#30340;&#26102;&#38388;&#20026;&#27491;&#25972;&#25968;&#65292;&#21333;&#20301;&#22823;&#23567;&#20026;1/10&#31186;&#12290;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; ontimer&#26102;&#38388;&#21482;&#33021;&#21253;&#21547;&#22312;card&#20803;&#32032;&#25110;template&#20803;&#32032;&#30340;&#26631;&#31614;&#20013;&#36827;&#34892;&#23450;&#20041;&#65292;&#20854;&#35821;&#27861;&#24418;&#24335;&#22914;&#19979;&#65306;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;card 
 id=&quot;name&quot; title=&quot;label&quot; newcontext=&quot;boolean&quot; ordered=&quot;true&quot; 
 onenterforward=&quot;href&quot; onenterbackward=&quot;href&quot; ontimer=&quot;href&quot;&gt;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#20869;&#23481;&#65288;content&#65289;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;/card&gt;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#25110;&#65306;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;template 
 onenterforward=&quot;href&quot; onenterbackward=&quot;href&quot; ontimer=&quot;href&quot;&gt;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#20869;&#23481;&#65288;content&#65289;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;/template&gt;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; ontimer&#20107;&#20214;&#21482;&#26377;&#19968;&#20010;&#23646;&#24615;&#65292;&#21363;ontimer&#12290;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#23427;&#29992;&#20110;&#25351;&#23450;&#19968;&#20010;&#36229;&#38142;&#65288;href&#65289;&#30340;URL&#22320;&#22336;&#65292;&#25351;&#23450;&#26102;&#38388;timer&#36807;&#26399;&#30340;&#26102;&#20505;&#65292;&#29992;&#25143;&#27983;&#35272;&#22120;&#23601;&#20250;&#25353;&#29031;&#36229;&#38142;&#65288;href&#65289;&#30340;URL&#25171;&#24320;&#30456;&#24212;&#30340;&#21345;&#29255;&#25110;&#32773;&#25991;&#20214;&#12290;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#20808;&#27979;&#35797;&#19968;&#20010;&#20363;&#23376;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;card 
 id=&quot;c1&quot; title=&quot;c1&quot; ontimer=&quot;#c2&quot;&gt;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#160;&#160;&lt;timer 
 value=&quot;20&quot;/&gt;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; X1
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;/card&gt;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;card 
 id=&quot;c2&quot; title=&quot;c2&quot; ontimer=&quot;#c1&quot;&gt;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; X2
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;timer 
 value=&quot;50&quot;/&gt;&#160; 
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;/card&gt;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#25928;&#26524;&#20026;&#65306;&#25171;&#24320;&#39029;&#38754;&#21518;&#26174;&#31034;X1 
 2&#31186;&#21518;&#36339;&#21040;&#31532;&#20108;&#20010;&#21517;&#20026;C2&#30340;CARD &#26174;&#31034;X2 5&#31186;&#21518;&#36339;&#22238;&#31532;&#19968;&#20010;&#21345;&#29255;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#19968;&#33324;HTML&#39029;&#38754;&#20013;&#25991;&#23383;&#28378;&#21160;&#25928;&#26524;&#37117;&#26159;&#33258;&#19979;&#32780;&#19978;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#21487;&#20197;&#20570;&#36825;&#26679;&#30340;&#35774;&#35745;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#31532;&#19968;&#20010;&#21345;&#29255;&#26174;&#31034;&#20869;&#23481;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; ------------------
 
 
 &#160;
 
 
 &#160;
 
 
 &#160;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; XXXXXXXXXXXXXXXXXX
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; ------------------
 
 
 &#160;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#20195;&#30721;&#20026;&#65306;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; ------------------
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;br/&gt;&lt;br/&gt;&lt;br/&gt;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; XXXXXXXXXXXXXXXXXX
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; ------------------
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#31532;&#20108;&#20010;&#21345;&#29255;&#26174;&#31034;&#20869;&#23481;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; ------------------
 
 
 &#160;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; XXXXXXXXXXXXXXXXXX
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; ------------------
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#20195;&#30721;&#20026;&#65306;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; ------------------
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;br/&gt;&lt;br/&gt;
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; XXXXXXXXXXXXXXXXXX
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; ------------------
 
 
 &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#36825;&#26679;&#37197;&#21512;ONTIMER&#20107;&#20214;&#23601;&#33021;&#23454;&#29616;&#25991;&#23383;&#21521;&#19978;&#31227;&#19968;&#34892;&#30340;&#25928;&#26524;