So implementieren Sie Lauftexteffekte, die den WEB-Standards entsprechen

Autor：Eve Cole Aktualisierungszeit：2009-05-31 00:37:26

Da das Marquee-Tag immer seltener verwendet wird, werden die meisten Scrolleffekte mithilfe von JavaScript implementiert. Wer nicht versteht, warum man nicht einfach das Marquee-Tag verwendet, sollte auch zuerst diesen Artikel lesen.

Verwenden Sie Javascript, um den Ansatz von Marquee zu simulieren.

Nachfolgend der zitierte Inhalt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<Kopf>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Hot News webjx.com</title>
<style type="text/css">
<!--
Körper {
Rand: 0px;
Schriftgröße: 12px;
Farbe: #938C43;
Zeilenhöhe: 150 %;
text-align:center;
}
a:link{color: #9D943A;font-size:12px;}
a:hover{color: #FF3300;font-size:12px;}
a:visited{color: #9D943A;font-size:12px;}
a.red:link{color: #ff0000;font-size:12px;}
a.red:hover{color: #ff0000;font-size:12px;}
a.red:visited{color: #ff0000;font-size:12px;}
#marqueeBox{background:#f7f7f7;border:1px solid silver;padding:1px;text-align:center;margin:0 auto;}
->
</style>
</head>

<Körper>
<h4>Laufende Nachrichten</h4>
<script language="JavaScript" type="text/javascript">
var marqueeContent=new Array();
marqueeContent[0]="<a href=http://xyq.163.com/news/2006/11/2-2-20061102170913.html target=_blank>Verwenden Sie „Dream Security“, um Ihr Kontopasswort schnell abzurufen</ a>";
marqueeContent[1]="<a href=http://ekey.163.com/ target=_blank>Offizielle Website von NetEase General Order</a>";
marqueeContent[2]="<a href=http://xyq.163.com/download/wallpaper.htm target=_blank>Neuester Wallpaper-Download</a>";
marqueeContent[3]="<a href=http://xyq.163.com/download/around.htm target=_blank>Neuester Bildschirmschoner-Download</a>";
var marqueeInterval=new Array();
var marqueeId=0;
var marqueeDelay=2000;
var marqueeHeight=20;
Funktion initMarquee() {
var str=marqueeContent[0];
document.write('<div id="marqueeBox" style="overflow:hidden;width:250px;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]= setInterval('startMarquee()',marqueeDelay)"><div>'+str+'</div></div>');
marqueeId++;
marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
}
Funktion startMarquee() {
var str=marqueeContent[marqueeId];
marqueeId++;
if(marqueeId>=marqueeContent.length) marqueeId=0;
if(document.getElementById("marqueeBox").childNodes.length==1) {
var nextLine=document.createElement('DIV');
nextLine.innerHTML=str;
document.getElementById("marqueeBox").appendChild(nextLine);
}
anders {
document.getElementById("marqueeBox").childNodes[0].innerHTML=str;
document.getElementById("marqueeBox").appendChild(document.getElementById("marqueeBox").childNodes[0]);
document.getElementById("marqueeBox").scrollTop=0;
}
clearInterval(marqueeInterval[1]);
marqueeInterval[1]=setInterval("scrollMarquee()",20);
}
Funktion scrollMarquee() {
document.getElementById("marqueeBox").scrollTop++;
if(document.getElementById("marqueeBox").scrollTop%marqueeHeight==(marqueeHeight-1)){
clearInterval(marqueeInterval[1]);
}
}
initMarq<div><font color=#999999 title="First Page"><font face="webdings">9</font></font>
<font color=#999999 title="Vorherige zehn Seiten"><font face="webdings">7</font></font>
<font color=#999999 title="Vorherige Seite"><font face="webdings">3</font></font>
<b>1</b>
<a href="./142220269IF5J4C4E387110_2.html">2</a>
<a href="./142220269IF5J4C4E387110_3.html">3</a>
<a href="./142220269IF5J4C4E387110_2.html" title="nächste Seite"><font face="webdings">4</font></a>
<font color=#999999 title="Nächste zehn Seiten"><font face="webdings">8</font></font>
<a href="./142220269IF5J4C4E387110_3.html" title="Letzte Seite"><font face="webdings">:</font></a>
</div></div>

<div class="art_detail_now">Sie lesen den Artikel:
<span>So implementieren Sie Lauftexteffekte, die den WEB-Standards entsprechen</span><br />
● Schlüsselwörter:
<span>

<script language="javascript" src="/ad/adnav.js"></script></span><br />
Vorheriger Artikel: <label id="PrevPage_9IF5J4C4E387110"></label><script language="JavaScript" type="text/javascript" src="http://www.cz268.com.cn/Showpage.asp?Id = 9IF5J4C4E387110&Type=NS&PageType=PrevPage"></script><br />
Nächster Artikel: <label id="NextPage_9IF5J4C4E387110"></label><script language="JavaScript" type="text/javascript" src="http://www.cz268.com.cn/Showpage.asp?Id = 9IF5J4C4E387110&Type=NS&PageType=NextPage"></script></div>
<div class="art_detail_list">
<span>Ähnliche Artikel</span>

<ul>

<li><a href="/Design/w3c/1623584026185I9KAFFJCCG.html">Eine vorläufige Studie zur groß angelegten Web2.0-Site-Building-Technologie</a> 16.10.2007</li>

<li><a href="/Design/w3c/142225888I21I6FFC808716.html">Vier Einstellungsmethoden im Zusammenhang mit der Textgröße im Webdesign</a> 14.10.2007</li>

<li><a href="/Design/w3c/142224258035241B9KH76II.html">Nicht alle Inhalte im Webdesign müssen DIV als „Container“ verwenden</a> 14.10.2007</li>

<li><a href="/Design/w3c/142222952EAH1AAG8J73G9I.html">Mehrere Methoden zur Lösung des Problems, dass Versionen unter IE7 keine A-State-Pseudoklassen unterstützen</a> 14.10.2007</li>

<li><a href="/Design/w3c/14222022KII5I8FFEFGBBEH.html">Die Spezialeffekte des Countdowns zur Eröffnung der Olympischen Spiele 2008 in Peking, eine einfache Demonstration! </a> 14.10.2007</li>

<li><a href="/Design/w3c/42424628G7K05J96984BB.html">Passen Sie den CSS-Code für die Unterstreichung von Webseiten-Hyperlinks an</a> 04.10.2007</li>
</ul>
</div>
</div>
<div class="r">
<div class="nav">
<div class="nav_title">
<div id="n1">268 Webmaster-Wissensdatenbank</div>
</div>
<div class="nav_list">
<ul>
<li><a href="http://www.cz268.com.cn/Design/Pages/">Webseite</a> </li>
<li><a href="http://www.cz268.com.cn/Design/Edit/">Programmierung</a> </li>
<li><a href="http://www.cz268.com.cn/Webbiz/Seo/">Optimierung</a> </li>
<li><a href="http://www.cz268.com.cn/Webbiz/Pormot/">Werbung</a> </li>
<li><a href="http://www.cz268.com.cn/Webbiz/Blog/">Blog</a> </li>
<li><a href="http://www.cz268.com.cn/Design/w3c/">WEB-Standard</a> </li>
<li><a href="http://www.cz268.com.cn/Webmaster/RecSite/">Coole Seite</a> </li>
<li><a href="http://www.cz268.com.cn/Webbiz/Exp/">Erfahrung</a> </li>
<li><a href="http://www.cz268.com.cn/Webbiz/Free/">Ressourcen</a> </li>
<li><a href="http://www.cz268.com.cn/Webmaster/Reading/">Muss gelesen werden</a> </li>
<li><a href="http://www.cz268.com.cn/Server/">Server</a> </li>
<li><a href="http://www.cz268.com.cn/cms/">CMS-Website-Erstellung</a> </li>
</ul></div>
<div class="nav_title">
<div id="n2">Webmaster-Netzwerk branchenbezogen</div>
</div>
<div class="nav_list">
<ul>
<li><a href="http://www.cz268.com.cn/article/p1/14.html">Industrie</a> </li>
<li><a href="http://www.cz268.com.cn/article/p1/15.html">Finanzierung</a> </li>
<li><a href="http://www.cz268.com.cn/article/p1/16.html">Portal</a> </li>
<li><a href="http://www.cz268.com.cn/article/p1/17.html">Suchen</a> </li>
<li><a href="http://www.cz268.com.cn/article/p1/19.html">Geschäft</a> </li>
<li><a href="http://www.cz268.com.cn/article/p1/18.html">Entwicklung</a> </li></ul></div>
<div class="nav_title">
<div id="n3">Informationen zur Webmaster Network Alliance</div>
</div>
<div class="nav_list">
<ul>
<li><a href="http://www.cz268.com.cn/Union/News/">Union</a> </li>
<li><a href="http://www.cz268.com.cn/Union/Intro/">Einführung</a> </li>
<li><a href="http://www.cz268.com.cn/Union/Comment/">Kommentare</a> </li>
<li><a href="http://www.cz268.com.cn/Union/Skill/">Fähigkeiten</a> </li>
<li><a href="http://www.cz268.com.cn/Union/">Gewerkschaftsgespräch</a> </li></ul></div>
<div class="nav_title">
<div id="n4">Gemeinsame Webmaster-Netzwerk-Tools</div></div>
<div class="nav_list">
<ul>
<li><a href="http://www.cz268.com.cn/Tool/Alexa/">Alexa</a> </li>
<li><a href="http://www.cz268.com.cn/Tool/IP/">IP</a> </li>
<li><a href="http://www.cz268.com.cn/Tool/Whois/">WHOIS</a> </li>
<li><a href="http://www.cz268.com.cn/Tool/PR/">PR</a> </li>
<li><a href="http://www.cz268.com.cn/Tool/Meta/">FLEISCH</a> </li>
<li><a href="http://www.cz268.com.cn/Tool/Key/">Schlüsselwörter</a></li></ul></div></div>
<div class="ad_300x250">
<script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

<div class="mba_title">『Beliebte Artikel』
<span>268 Webmaster-Netzwerk</span></div>

<ul>

<li><a title="Überlegungen zur Installation und Konfiguration des 64-Bit-Webservers" href="/Server/Web/4137C923K9KAH60B5CIK6.html" rel="external">Überlegungen zur Installation und Konfiguration des 64-Bit-Webservers..</a >< /li>
<li><a title="Xu Jinglei: Webmaster, verstehen Sie den Hype?" href="/News/IT/192134JB90KE4B655BH2AJ0.html" rel="external">Xu Jinglei: Webmaster, verstehen Sie den Hype? ..</a></li>
<li><a title="Richtlinien zum Geldverdienen durch die Bewerbung bei Google Adsense" href="/Union/Skill/9164326D9ECBA8J5BI0D99.html" rel="external">Richtlinien zum Geldverdienen durch die Bewerbung bei Google Adsense..</a ></li>
<li><a title="Die Vermarktung von Blogs bedeutet, dass es nicht einfach ist, dich zu lieben" href="/Webbiz/Blog/412787AJ1IA91239A1F8D.html" rel="external">Die Vermarktung von Blogs bedeutet, dass es nicht einfach ist dich zu lieben..</a ></li>
<li><a title="Der Einfluss von Websites, die dem XHTML-Standard-DIV+CSS-Layout entsprechen, auf SEO" href="/Webbiz/Exp/18299H53K4407DDK1K6JA.html" rel="external">Der Einfluss von Websites, die dem entsprechen das XHTML-Standard-DIV+CSS-Layout SE..</a></li>
<li><a title="Wie schreiben wir Soft-Artikel, um die Anzahl der Klicks zu erhöhen!" href="/Webbiz/Pormot/31429J1AC36GA779F380KF.html" rel="external">Wie schreiben wir Soft-Artikel, um zu täuschen Die Anzahl der Klicks erhöht sich!..< /a></li>
<li><a title="Hinweis: Sie haben nur das Recht, den Domainnamen von Xinwang Internet zu verwenden!" href="/News/IT/3101584H84FGI21K0F4HI2.html" rel="external">Hinweis: Sie haben nur das Recht Nutzung des Domainnamens Xinwang Internet Nutzungsrecht.</a></li>
<li><a title="Die Einreichung im Inland ist schwierig, grundsätzlicher gesunder Menschenverstand bei der Übertragung von ausländischem Raum" href="/News/IT/27151C4C6HF6G1540EE67E.html" rel="external">Die Einreichung im Inland ist schwierig, grundsätzlicher gesunder Menschenverstand bei der Übertragung von ausländischem Raum Leerzeichen..< /a></li>
<li><a title="Erstellen Sie eine lokale Portalseite mit umfassenden Strategien und hervorragender SEO-Optimierung, um eine umfassende Analyse zu erhalten" href="/Webbiz/Seo/7335242704F1BI101D8FI.html" rel="external">Erstellen Sie eine lokale Portalseite mit umfassenden Strategien und super SEO-Optimierung.</a></li>
<li><a title="Zehn Fragen und Antworten zu klassischen Themen helfen Ihnen, Ihre Online-Transaktionsrate zu verbessern" href="/Webmaster/Reading/232917D5H6JID4CH06IG6.html" rel="external">Zehn Fragen und Antworten zu klassischen Themen helfen Ihnen dabei helfen Ihnen, Ihre Online-Verkaufstransaktion zu verbessern.</a></li>
</ul>
</div>

<div class="ad_125x125">
<script type="text/javascript">
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

<script type="text/javascript">
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<div class="border sideart">
<div class="border_title sideart_title">『<a
href="http://www.cz268.com.cn/cms/">Grassroots Webmaster CMS School</a>』268 Webmaster Network</div>

<ul>

<li><a title="Fengxun die Codes aller Systemschriftarten anzeigen lassen" href="/cms/foosun/13225022H3IGA159AD9B2KK.html" rel="external">Fengxun die Codes aller Systemschriftarten anzeigen lassen..</a ></li>
<li><a title="Symboltext oder Bilder für empfohlene Nachrichten und aktuelle Nachrichten hinzufügen" href="/cms/foosun/132248778HC517G03K5I4BC.html" rel="external"><font color="#CC0000"> Identifizierenden Text hinzufügen oder </font>..</a></li> für empfohlene Nachrichten und aktuelle Nachrichten
<li><a title="Bilder und Zahlen können ausgewählt werden, um automatisch die Listenreihenfolge 1, 2 und 3 anzuzeigen" href="/cms/foosun/132244870DIA50I5JA5I304.html" rel="external">Bilder und Zahlen können sein Automatisch angezeigt Die Arbeit der Listenreihenfolge 1, 2, 3..</a></li>
<li><a title="Foosun 4.0 implementiert die NetEase Clickeye-Funktion" href="/cms/foosun/13224377846G00GHAHKFDA6.html" rel="external">Foosun 4.0 implementiert die NetEase Clickeye-Funktion..</a></li>
<li><a title="Fengxun SP2 startet spezielles Forum-Tool" href="/cms/foosun/13224299B01I2DC9CIK4AE6.html" rel="external">Fengxun SP2 startet spezielles Forum-Tool..</a>< /li>
<li><a title="Fengxun FS4.0 fügt Bild-Hotlink-Verhinderungsfunktion hinzu" href="/cms/foosun/1322413718G1DAA95JG2JI4.html" rel="external"><font color="#CC0000">Fengxun FS4 0 Hinzugefügt Bild-Hotlink-Schutzfunktion</font>..</a></li>
<li><a title="So erstellen Sie zwei Spalten einer Nachrichtenliste mit Fengxun DIV+CSS" href="/cms/foosun/13224036HKICIB1BE9K64G5.html" rel="external">Fengxun DIV+CSS, um zwei Spalten mit Nachrichten zu erstellen So unterteilen Sie eine Liste in Spalten.</a></li>
<li><a title="Stellen Sie 6 Sätze von Mitgliederprotokollvorlagen des Fengxun 4.0-Systems bereit" href="/cms/foosun/13223694732D9E863FH8C82.html" rel="external">Stellen Sie 6 Sätze von Mitgliederprotokollvorlagen des Fengxun 4.0-Systems bereit..< /a></li>
<li><a title="Fengxun Picture-in-Picture implementiert die Methode zum Aufrufen von Google-Anzeigen" href="/cms/foosun/132234842AJAI5GD75C140K.html" rel="external">Fengxun Picture-in-Picture implementiert die Methode von Aufruf von Google-Anzeigen.</a></li>
<li><a title="Fügen Sie die Sprachansagefunktion „Sie haben eine neue Textnachricht, bitte achten Sie auf die Überprüfung" für das Mitgliedersystem hinzu" href="/cms/foosun/132233141FHK3C9HA1GC34K.html" rel="external">Hinzufügen „Sie haben neue Textnachrichten, bitte überprüfen Sie diese..</a></li>
</ul>
</div>

</div></div>
<DIV class="border links"><SPAN>Freundliche Links</SPAN>
<DIV class="border_content links_content"> <table width="100%" border="0" cellpacing="1" cellpadding="3">
<tr>
<td width="10%" align="center" valign="meddle"><a href="http://www.qkeer.com" target="_blank">QKeer.com</a></td >
<td width="10%" align="center" valign="meddle"><a href="http://www.ip180.com" target="_blank">Allgemeine IP180-Abfragen</a></td >
<td width="10%" align="center" valign="meddle"><a href="http://www.jc286.com" target="_blank">jc286 Tutorial Network</a></td >
<td width="10%" align="center" valign="meddle"><a href="http://www.21seo.cn" target="_blank">SEO-Optimierungsstamm</a></td >
<td width="10%" align="center" valign="meddle"><a href="http://www.51w3c.com" target="_blank">Web Standards Association</a></td >
<td width="10%" align="center" valign="meddle"><a href="http://www.cz268.com.cn" target="_blank">268 Webmaster-Netzwerk</a> < /td>

</tr>
</table></DIV>
</DIV>
<div class="footer"><a href="http://www.cz268.com.cn/">268 Webmaster Network-Homepage</a> |. com.cn/Webbiz">Website-Betrieb</a> | <a href="http://www.cz268.com.cn/News">Branchennachrichten</a> | <a href="http:// www.cz268.com.cn/Union">Gewerkschaftsinformationen</a> | <a href="http://www.cz268.com.cn/Design">Webmaster Academy</a> | <a href= " http://www.cz268.com.cn/Webmaster">Webmaster Online</a> | <a href="http://www.cz268.com.cn/tool">Webmaster-Tools</a> > | <a href="http://www.cz268.com.cn/cms">CMS-Zone</a> | <a href="http://www.cz268.com.cn/Server">Serverbezirk< /a>|. <a href="http://www.cz268.com.cn/sitemap">Sitemap</a><br />
<a
href="http://www.cz268.com.cn/">www.cz268.com.cn</a> © 2006-2008 Alle Rechte vorbehalten 268 Webmaster Network <img
id="copyright" src="/templets/files/ico_bg.gif" /><a href="http://www.miibeian.gov.cn/"
rel="external">IPP-Einreichung in Peking</a> Unterstützt von QQ469502097
<script src='http://s116.cnzz.com/stat.php?id=470833&web_id=470833' language='JavaScript' charset='gb2312'></script><br />Die Informationen auf dieser Website stammen aus dem Internet_ Es dient nur als Referenz und kann nicht als echte Grundlage verwendet werden. Wenn beim Nachdruck oder Zitieren von Artikeln auf dieser Website Urheberrechtsprobleme auftreten, kontaktieren Sie uns bitte so schnell wie möglich</div>
<noscript><iframe src="*.html"></iframe></noscript>
</body></html>