كيفية تنفيذ تأثيرات النص التمريرية التي تتوافق مع معايير الويب

الكاتب：Eve Cole وقت التحديث：2009-05-31 00:37:26

نظرًا لأن علامة الشاشة الاسمية يتم استخدامها بشكل أقل فأقل الآن، يتم تنفيذ معظم تأثيرات التمرير باستخدام JavaScript. بالنسبة لأولئك الذين لا يفهمون سبب عدم استخدام علامة الشاشة الاسمية فقط، فمن الأفضل قراءة هذه المقالة أولاً.

استخدم جافا سكريبت لمحاكاة نهج الشاشة الاسمية.

وفيما يلي المحتوى المقتبس:

<!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">
<الرأس>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>الأخبار الساخنة webjx.com</title>
<نمط النوع = "نص/CSS">

</نمط>
</الرأس>

<الجسم>
<h4>الأخبار المتداولة</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>استخدم "Dream Security" لاسترداد كلمة مرور حسابك بسرعة</ أ>";
marqueeContent[1]="<a href=http://ekey.163.com/ target=_blank>الموقع الرسمي للطلب العام لـ NetEase</a>";
marqueeContent[2]="<a href=http://xyq.163.com/download/wallpaper.htm target=_blank>أحدث تنزيل للخلفية</a>";
marqueeContent[3]="<a href=http://xyq.163.com/download/around.htm target=_blank>أحدث تنزيل لشاشة التوقف</a>";
var marqueeInterval=new Array();
var marqueeId=0;
var marqueeDelay=2000;
var marqueeHeight=20;
الدالة 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);
}
وظيفة ستارت ماركي () {
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);
}
آخر {
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);
}
وظيفة التمريرماركي () {
document.getElementById("marqueeBox").scrollTop++;
if(document.getElementById("marqueeBox").scrollTop%marqueeHeight==(marqueeHeight-1)){
ClearInterval(marqueeInterval[1]);
}
}
initMarq<div><font color=#999999 title="الصفحة الأولى"><fontface="webdings">9</font></font>
<font color=#999999 title="الصفحات العشر السابقة"><fontface="webdings">7</font></font>
<font color=#999999 title="الصفحة السابقة"><fontface="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="next page"><fontface="webdings">4</font></a>
<font color=#999999 title="الصفحات العشر التالية"><fontface="webdings">8</font></font>
<a href="./142220269IF5J4C4E387110_3.html" title="الصفحة الأخيرة"><fontface="webdings">:</font></a>
</div></div>

<div class="art_detail_now">أنت تقرأ المقال:
<span>كيفية تنفيذ تأثيرات النص التمريرية التي تتوافق مع معايير الويب</span><br />
● الكلمات الرئيسية:
<سبان>

<script language="javascript" src="/ad/adnav.js"></script></span><br />
المقالة السابقة: <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 />
المقالة التالية: <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>مقالات ذات صلة</span>

<ul>

<li><a href="/Design/w3c/1623584026185I9KAFFJCCG.html">دراسة أولية حول تكنولوجيا إنشاء مواقع الويب Web2.0 واسعة النطاق</a> 2007-10-16</li>

<li><a href="/Design/w3c/142225888I21I6FFC808716.html">أربع طرق إعداد تتعلق بحجم النص في تصميم الويب</a> 2007-10-14</li>

<li><a href="/Design/w3c/142224258035241B9KH76II.html">ليس كل المحتوى في تصميم الويب يجب أن يستخدم DIV باعتباره "حاوية"</a> 2007-10-14</li>

<li><a href="/Design/w3c/142222952EAH1AAG8J73G9I.html">عدة طرق لحل مشكلة عدم دعم الإصدارات الأقدم من IE7 للفئات الزائفة A-state</a> 2007-10-14</li>

<li><a href="/Design/w3c/14222022KII5I8FFEFGBBEH.html">المؤثرات الخاصة للعد التنازلي لافتتاح دورة الألعاب الأولمبية في بكين 2008، عرض بسيط! </a> 2007-10-14</li>

<li><a href="/Design/w3c/42424628G7K05J96984BB.html">تخصيص رمز CSS للارتباط التشعبي المسطر لصفحة الويب</a> 2007-10-04</li>
</ul>
</div>
</div>
<div class="r">
<div class="nav">
<div class="nav_title">
<div id="n1">268 قاعدة معارف مشرفي المواقع</div>
</div>
<div class="nav_list">
<ul>
<li><a href="http://www.cz268.com.cn/Design/Pages/">صفحة الويب</a> </li>
<li><a href="http://www.cz268.com.cn/Design/Edit/">البرمجة</a> </li>
<li><a href="http://www.cz268.com.cn/Webbiz/Seo/">التحسين</a> </li>
<li><a href="http://www.cz268.com.cn/Webbiz/Pormot/">الترويج</a> </li>
<li><a href="http://www.cz268.com.cn/Webbiz/Blog/">المدونة</a> </li>
<li><a href="http://www.cz268.com.cn/Design/w3c/">معيار الويب</a> </li>
<li><a href="http://www.cz268.com.cn/Webmaster/RecSite/">موقع رائع</a> </li>
<li><a href="http://www.cz268.com.cn/Webbiz/Exp/">الخبرة</a> </li>
<li><a href="http://www.cz268.com.cn/Webbiz/Free/">الموارد</a> </li>
<li><a href="http://www.cz268.com.cn/Webmaster/Reading/">يجب قراءته</a> </li>
<li><a href="http://www.cz268.com.cn/Server/">الخادم</a> </li>
<li><a href="http://www.cz268.com.cn/cms/">إنشاء موقع ويب لنظام إدارة المحتوى</a> </li>
</ul></div>
<div class="nav_title">
<div id="n2">شبكة مشرفي المواقع المتعلقة بالصناعة</div>
</div>
<div class="nav_list">
<ul>
<li><a href="http://www.cz268.com.cn/article/p1/14.html">الصناعة</a> </li>
<li><a href="http://www.cz268.com.cn/article/p1/15.html">التمويل</a> </li>
<li><a href="http://www.cz268.com.cn/article/p1/16.html">البوابة</a> </li>
<li><a href="http://www.cz268.com.cn/article/p1/17.html">بحث</a> </li>
<li><a href="http://www.cz268.com.cn/article/p1/19.html">الأعمال التجارية</a> </li>
<li><a href="http://www.cz268.com.cn/article/p1/18.html">التنمية</a> </li></ul></div>
<div class="nav_title">
<div id="n3">معلومات تحالف شبكة مشرفي المواقع</div>
</div>
<div class="nav_list">
<ul>
<li><a href="http://www.cz268.com.cn/Union/News/">الاتحاد</a> </li>
<li><a href="http://www.cz268.com.cn/Union/Intro/">المقدمة</a> </li>
<li><a href="http://www.cz268.com.cn/Union/Comment/">التعليقات</a> </li>
<li><a href="http://www.cz268.com.cn/Union/Skill/">المهارات</a> </li>
<li><a href="http://www.cz268.com.cn/Union/">حديث الاتحاد</a> </li></ul></div>
<div class="nav_title">
<div id="n4">الأدوات العامة لشبكة مشرفي المواقع</div></div>
<div class="nav_list">
<ul>
<li><a href="http://www.cz268.com.cn/Tool/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/">العلاقات العامة</a> </li>
<li><a href="http://www.cz268.com.cn/Tool/Meta/">اللحوم</a> </li>
<li><a href="http://www.cz268.com.cn/Tool/Key/">الكلمات الرئيسية</a></li></ul></div></div>
<div class="ad_300x250">
<script type="text/javascript">
</script>
<نوع البرنامج النصي = "نص/جافا سكريبت"
src="http://pagead2.googlesynvation.com/pagead/show_ads.js">
</script>
</div>

<div class="mba_title">『مقالات شعبية』
<span>268 شبكة مشرفي المواقع</span></div>

<ul>

<li><a title="اعتبارات تثبيت خادم الويب 64 بت وتكوينه" href="/Server/Web/4137C923K9KAH60B5CIK6.html" rel="external">اعتبارات تثبيت خادم الويب 64 بت وتكوينه..</a >< /لي>
<li><a title="Xu Jinglei: مشرفو المواقع، هل تفهمون هذا الضجيج؟" href="/News/IT/192134JB90KE4B655BH2AJ0.html" rel="external">Xu Jinglei: مشرفو المواقع، هل تفهمون هذا الضجيج؟ ..</a></li>
<li><a title="إرشادات لكسب المال عن طريق التقدم بطلب للحصول على Google Adsense" href="/Union/Skill/9164326D9ECBA8J5BI0D99.html" rel="external">إرشادات لكسب المال عن طريق التقدم بطلب للحصول على Google Adsense..</a >></لي>
<li><a title="تسويق المدونات يعني أنه ليس من السهل أن أحبك" href="/Webbiz/Blog/412787AJ1IA91239A1F8D.html" rel="external">تسويق المدونات يعني أنه ليس سهلاً أحبك..</a></li>
<li><a title="تأثير مواقع الويب التي تتوافق مع تخطيط XHTML القياسي DIV+CSS على تحسين محركات البحث" href="/Webbiz/Exp/18299H53K4407DDK1K6JA.html" rel="external">تأثير مواقع الويب التي تتوافق مع تخطيط XHTML القياسي DIV+CSS SE..</a></li>
<li><a title="كيف نكتب مقالات ناعمة للخداع لزيادة عدد النقرات href="/Webbiz/Pormot/31429J1AC36GA779F380KF.html" rel="external">كيف نكتب مقالات ناعمة للخداع!" عدد النقرات في ازدياد!..< /a></li>
<li><a title="ملاحظة: لديك فقط الحق في استخدام اسم المجال الخاص بـ Xinwang Internet!" لاستخدام اسم المجال الخاص بـ Xinwang Internet حق الاستخدام..</a></li>
<li><a title="الإيداع المحلي أمر صعب، المنطق السليم الأساسي حول نقل الفضاء الأجنبي" href="/News/IT/27151C4C6HF6G1540EE67E.html" rel="external">الإيداع المحلي صعب، المنطق السليم الأساسي حول نقل الفضاء الأجنبي مساحة..< /a></li>
<li><a title="قم بإنشاء موقع بوابة محلي باستخدام إستراتيجيات شاملة وتحسين فائق لتحسين محركات البحث ليمنحك تحليلًا شاملاً" href="/Webbiz/Seo/7335242704F1BI101D8FI.html" rel="external">إنشاء موقع بوابة محلي مع إستراتيجيات شاملة وتحسين فائق لمحركات البحث.</a></li>
<li><a title="ستساعدك عشرة أسئلة وأجوبة حول الموضوعات الكلاسيكية على تحسين معدل معاملاتك عبر الإنترنت" href="/Webmaster/Reading/232917D5H6JID4CH06IG6.html" rel="external">ستساعدك عشرة أسئلة وأجوبة حول الموضوعات الكلاسيكية نساعدك على تحسين معاملاتك البيعية عبر الإنترنت..</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/">مدرسة CMS لمشرفي المواقع الشعبية</a>』268 شبكة مشرفي المواقع</div>

<ul>

<li><a title="دع Fengxun يعرض رموز جميع خطوط النظام" href="/cms/foosun/13225022H3IGA159AD9B2KK.html" rel="external">دع Fengxun يعرض رموز جميع خطوط النظام..</a >></لي>
<li><a title="أضف نصًا مميزًا أو صورًا للأخبار الموصى بها والأخبار الساخنة" href="/cms/foosun/132248778HC517G03K5I4BC.html" rel="external"><font color="#CC0000"> أضف نصًا تعريفيًا أو </font>..</a></li> للحصول على الأخبار الموصى بها والأخبار الساخنة
<li><a title="يمكن تحديد الصور والأرقام لعرض ترتيب القائمة 1 و2 و3 تلقائيًا" href="/cms/foosun/132244870DIA50I5JA5I304.html" rel="external">يمكن تحديد الصور والأرقام يتم عرض عمل القائمة تلقائيا بترتيب 1، 2، 3..</a></li>
<li><a title="ينفذ Foosun 4.0 وظيفة NetEase clickeye" href="/cms/foosun/13224377846G00GHHAHKFDA6.html" rel="external">ينفذ Foosun 4.0 وظيفة NetEase clickeye..</a></li>
<li><a title="Fengxun sp2 تطلق أداة المنتدى الخاصة" href="/cms/foosun/13224299B01I2DC9CIK4AE6.html" rel="external">تطلق Fengxun sp2 أداة المنتدى الخاصة..</a>< /li>
<li><a title="Fengxun FS4.0 يضيف وظيفة منع الارتباط السريع للصور" href="/cms/foosun/1322413718G1DAA95JG2JI4.html" rel="external"><font color="#CC0000">إضافة Fengxun FS4 وظيفة حماية الروابط الساخنة للصور</font>..</a></li>
<li><a title="كيفية إنشاء عمودين لقائمة الأخبار باستخدام Fengxun DIV+CSS" href="/cms/foosun/13224036HKICIB1BE9K64G5.html" rel="external">Fengxun DIV+CSS لإنشاء عمودين للأخبار كيفية تقسيم القائمة إلى أعمدة..</a></li>
<li><a title="توفير 6 مجموعات من قوالب سجل أعضاء نظام Fengxun 4.0" href="/cms/foosun/13223694732D9E863FH8C82.html" rel="external">توفير 6 مجموعات من قوالب سجل أعضاء نظام Fengxun 4.0..< /أ></لي>
<li><a title="Fengxun Picture-in-Picture تنفذ طريقة استدعاء إعلانات Google" href="/cms/foosun/132234842AJAI5GD75C140K.html" rel="external">تنفذ Fengxun Picture-in-Picture طريقة استدعاء إعلانات Google استدعاء إعلانات Google .</a></li>
<li><a title="إضافة "لديك رسالة نصية جديدة، يرجى الانتباه للتحقق" وظيفة المطالبة الصوتية لنظام العضوية" href="/cms/foosun/132233141FHK3C9HA1GC34K.html" rel="external">إضافة " لديك رسائل نصية جديدة، يرجى التحقق منها..</a></li>
</ul>
</div>

</div></div>
<DIV class="border links"><SPAN>روابط ودية</SPAN>
<DIV class="border_content links_content"> <عرض الجدول = "100%" حدود = "0" تباعد الخلايا = "1" خلية الحشو = "3">
<تر>
<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">استعلامات IP180 الشائعة</a></td >
<td width="10%" align="center" valign="meddle"><a href="http://www.jc286.com" target="_blank">شبكة jc286 التعليمية</a></td >
<td width="10%" align="center" valign="meddle"><a href="http://www.21seo.cn" target="_blank">مجموعة تحسين محركات البحث (SEO)</a></td >
<td width="10%" align="center" valign="meddle"><a href="http://www.51w3c.com" target="_blank">رابطة معايير الويب</a></td >
<td width="10%" align="center" valign="meddle"><a href="http://www.cz268.com.cn" target="_blank">268 شبكة مشرفي المواقع</a> < / تد>

</tr>
</table></DIV>
</DIV>
<div class="footer"><a href="http://www.cz268.com.cn/">الصفحة الرئيسية لشبكة مشرفي المواقع 268</a> <a href="http://www.cz268. com.cn/Webbiz">تشغيل موقع الويب</a> | <a href="http://www.cz268.com.cn/News">أخبار الصناعة</a> | <a href="http:// www.cz268.com.cn/Union">معلومات الاتحاد</a> | <a href="http://www.cz268.com.cn/Design">أكاديمية مشرفي المواقع</a> | <a href= " http://www.cz268.com.cn/Webmaster">مشرف الموقع عبر الإنترنت</a> | <a href="http://www.cz268.com.cn/tool">أدوات مشرفي المواقع</a> > | <a href="http://www.cz268.com.cn/cms">منطقة نظام إدارة المحتوى</a> <a href="http://www.cz268.com.cn/Server">منطقة الخادم< /a>| <a href="http://www.cz268.com.cn/sitemap">خريطة الموقع</a><br />.
<أ
href="http://www.cz268.com.cn/">www.cz268.com.cn</a> © 2006-2008 جميع الحقوق محفوظة 268 شبكة مشرفي المواقع <img
id="copyright" src="/templets/files/ico_bg.gif" /><a href="http://www.miibeian.gov.cn/"
rel="external">تسجيل برنامج المقارنات الدولية في بكين</a> مدعوم من QQ469502097
<script src='http://s116.cnzz.com/stat.php?id=470833&web_id=470833' language='JavaScript' charset='gb2312'></script><br />تأتي المعلومات الموجودة في هذا الموقع من الإنترنت_ إنه مرجعي فقط ولا يمكن استخدامه كأساس حقيقي. إذا كانت هناك مشكلات متعلقة بحقوق الطبع والنشر تتعلق بإعادة طباعة المقالات أو الاستشهاد بها على هذا الموقع، فيرجى الاتصال بنا في أقرب وقت ممكن</div>
<noscript><iframe src="*.html"></iframe></noscript>
</body></html>