1. أضف إلى المفضلة
كود HTML
<لغة سكريبت = "جافا سكريبت">
إشارة مرجعية للوظيفة ()
{
window.external.addFavorite('<a href="http://" target="_blank" rel="external">http://</a>عنوان URL الخاص بك'،'اسم موقع الويب الخاص بك')
}
إذا (document.all)document.write('<a href="#" onClick="bookmarkit()">أضف إلى المفضلة</a>')
</script>
[Ctrl+A حدد الكل النصائح: يمكنك تعديل جزء من الكود أولا ثم الضغط على تشغيل]
2. جعل الارتباطات التشعبية لا تعرض
تعليمات HTML
البرمجية التي تحتها خط
<نمط النوع = "نص/CSS">
<!-
أ:رابط{زخرفة النص:لا شيء}
أ:تحوم {زخرفة النص: لا شيء}
أ:زار{زخرفة النص:لا شيء}
->
</نمط>
[Ctrl+A تحديد كافة النصائح: يمكنك تعديل جزء من الكود أولا ثم الضغط على تشغيل]
3.
كود HTMLالذي يعطل إجراء زر الفأرة الأيمن
<script Language = "Javascript">
وظيفة النقر () {إذا (event.button==2||event.button==3)
{
تنبيه ("تعطيل زر الفأرة الأيمن")؛
}
document.onmousedown=click // -->
</script>
[Ctrl+A تحديد كافة النصائح: يمكنك تعديل جزء من الكود أولا ثم الضغط على تشغيل]
4. قم بتعيين هذه الصفحة كرمز HTML للصفحة الرئيسية
<body bgcolor="#FFFFFF" text="#000000">
<!-- عنوان URL الخاص بك:<a href=" http://www.code-123.com/wlbc/asp/list_1.html --" target="_blank" rel="external">http:// www .code-123.com/wlbc/asp/list_1.html--</a>>
<a style="cursor:hand" HREF
onClick="this.style.behavior='url(#default#homepage)';
this.setHomePage('your website name);"><font color="000000" size="2"face="宋体">تعيين كصفحة رئيسية</font></a>
</body> </TEXTAREA><br/><INPUT onclick="runEx('temp99357')" type="button" class="userbutton" value="قم بتشغيل هذا الرمز"/> <INPUT onclick="doCopy( 'temp99357')" type = "button" class = "userbutton" value = "انسخ هذا الرمز"/> <INPUT onclick = "saveCode ('temp99357')" type = "button" class = "userbutton" value = "حفظ هذا الكود">[Ctrl+A حدد كل النصائح: يمكنك تعديل جزء من الكود أولاً ثم الضغط على تشغيل]</div></div><br/><br/>5. دع النص يمر <br/><br/><div class="UBBPanel"><EM onClick="copycode(code86103);">نسخ المحتوى إلى الحافظة</EM><H5> <img src= "images/code.gif" style="margin:0px 2px -3px 0px;border:0" alt="Program code"/>رمز البرنامج</H5><div class="UBBContent" id=code86103 > <MARQUEE> ;تمرير النص</MARQUEE> </div></div> <br/><br/>6. تسجيل وعرض آخر وقت تعديل لصفحة الويب <br/><br/><div class="UBBPanel"><EM onClick="copycode(code77817);">نسخ المحتوى إلى الحافظة</EM> < H5><img src="images/code.gif" style="margin:0px 2px -3px 0px;border:0" alt="رمز البرنامج"/>رمز البرنامج</H5><div class="UBBContent" id =code77817> <script language=Javascript> <br/> document.write("آخر تحديث: " + document.lastModified + "") <br /> </script> </div></div> <br/><br/>7. أغلق النافذة الحالية <br/><br/><div class="UBBPanel"><EM onClick="copycode(code55791);">نسخ المحتوى إلى الحافظة</EM><H5><img src = "images/code.gif" style="margin:0px 2px -3px 0px;border:0" alt="Program code"/>رمز البرنامج</H5><div class="UBBContent" id=code55791>< href="/"onClick="javascript:window. Close();return false;">إغلاق النافذة</a> </div></div><br/><br/> 8. أغلق الصفحة الحالية بعد 5 ثوانٍ <br/><br/><div class="UBBPanel"><div class="UBBTitle"><img src="images/html.gif" style=" هامش: 0px 2px -3px 0px">كود HTML</div><div class="UBBContent"><TEXTAREArows="8" id="temp66245"><script language="Javascript">
<!--
setTimeout('window. Close();',5000);
-->
</script>
[Ctrl+A جميع نصائح التحديد: يمكنك تعديل جزء من الكود أولاً، ثم النقر فوق تشغيل]
كود HTML
لصفحة الويب المحددة بعد ثانيتين
<الرأس>
<meta http-equiv="refresh" content="2;URL=http://your URL">
</الرأس>
[Ctrl+A تحديد كافة النصائح: يمكنك تعديل جزء من الكود أولا ثم الضغط على تشغيل]
10.
كود HTML
للعد التنازلي للعطلة
<لغة سكريبت = "جافا سكريبت">
var timedate= new Date("25 ديسمبر 2003");
فار مرات = "عيد الميلاد"؛
var now = new Date();
تاريخ فار = timedate.getTime() - now.getTime();
var time = Math.floor(date / (1000 * 60 * 60 * 24));
إذا (الوقت >= 0)
document.write("الآن هناك: "+time +"days" من "+times+")</script>
[Ctrl+A تحديد الكل نصائح: يمكنك تعديل جزء من الكود أولا ثم الضغط على تشغيل]
11. تأثير انعكاس الماء
كود HTML
<img id="reflect" src="اسم ملف الصورة الخاص بك" width="175" height="59">
<لغة سكريبت = "جافا سكريبت">
الدالة f1()
{
setInterval("mdiv.filters.wave.phase+=10",100);
}
إذا (المستند.الكل)
{
document.write('<img id=mdiv src="'+document.all.reflect.src+'"
style = "filter:wave (strength = 3، freq = 3،phase = 0، lightstrength = 30) Blur () flipv ()">')
window.onload=f1
}
</script>
[Ctrl+A تحديد كافة النصائح: يمكنك تعديل جزء من الكود أولا ثم الضغط على تشغيل]
12.
كود HTML
للنافذة ينمو ببطء
<لغة سكريبت = "جافا سكريبت">
<!--
فار Windowsheight = 100
فار Windowswidth=100
فارنومكس=5
وظيفة النافذة المفتوحة (الموقع) {
temploc=thelocation
لو
(!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById))
{
window.open(الموقع)
يعود
}
windowsize=window.open(""،"،"،أشرطة التمرير")
حجم النافذة.moveTo(0,0)
حجم النافذة. تغيير الحجم إلى (100,100)
Tenumxt()
}
وظيفة Tenumxt(){
إذا (Windowsheight>=screen.availHeight-3)
رقم = 0
windowssize.resizeBy(5,numx)
ارتفاع النافذة+=5
عرض النافذة+=5
إذا (Windowswidth>=screen.width-5)
{
windowsize.location=temploc
ارتفاع النافذة = 100
عرض النافذة = 100
عدد=5
يعود
}
setTimeout("tenumxt()",50)
}
//-->
</script>
<p> <a href="javascript:openwindow(<a href=" http://www.code-123.com " target="_blank" rel="external"> http://www.code-123. com</a>)">أدخل</a>
[Ctrl+A حدد الكل النصائح: يمكنك تعديل جزء من الكود أولا ثم الضغط على Run]
13. لتغيير رمز IE في شريط عنوان IE
ونسخ المحتوى إلى الحافظة، نحتاج أولاً إلى إنشاء رمز بحجم 16*16 (ملف الرمز) وحفظه باسم ملف Index.ico. قم بتحميل ملف الرمز هذا إلى الدليل الجذر وأضف الكود التالي بين <head></head> على الصفحة الرئيسية:
<link REL = "Shortcut Icon" href="index.ico">
14. انقر فوق الزر لطباعة
كود HTML
للصفحة الحالية
<لغة سكريبت = "جافا سكريبت">
<!-- ابدأ
إذا (نافذة.طباعة) {
وثيقة.كتابة('<نموذج>'
+ '<نوع الإدخال=اسم الزر=قيمة الطباعة='اطبع هذه الصفحة''
+ 'onClick="javascript:window.print()"></form>');
}
// النهاية -->
</script>
[Ctrl+A حدد الكل النصائح: يمكنك تعديل جزء من الكود أولا ثم الضغط على Run]
15. انقر فوق الزر "حفظ باسم"
كود HTML
للصفحة الحالية
<نوع الإدخال = "زر" اسم = "زر" القيمة = "حفظ هذه الصفحة"
onClick="document.all.button.ExecWB(4,1)">
<معرف الكائن = "زر"
العرض = 0
الارتفاع = 0
classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">
<تضمين العرض = "0" الارتفاع = "0"></embed>
</كائن>
[Ctrl+A تحديد الكل نصائح: يمكنك تعديل جزء من الكود أولا ثم الضغط على تشغيل]
16.
عرضكود HTML
للتاريخ الحالي للنظام
<لغة البرنامج النصي=جافا سكريبت>
today=new Date();
تاريخ الوظيفة (){
this.length=date.arguments.length
ل(var i=0;i<this.length;i++)
this[i+1]=date.arguments }
var d=new date("الأحد"،"الاثنين"،"الثلاثاء"،"الأربعاء"، "الخميس"، "الجمعة"، "السبت");
وثيقة.كتابة (
"<font color=##000000 style='font-size:9pt;font-family: 宋体'> ",
today.getYear()،"year"،today.getMonth()+1،"month"،today.getDate()،"day"،
d[today.getDay()+1],"</font>" );
</script>
[Ctrl+A تحديد الكل نصائح: يمكنك تعديل جزء من الكود أولا ثم الضغط على تشغيل]
17.
عرضأكواد HTML
الترحيبية المختلفة
في فترات زمنية مختلفة
<لغة سكريبت = "جافا سكريبت">
<!--
فار النص = ""؛ يوم = تاريخ جديد ()؛ الوقت = يوم.getHours ()؛
إذا ((الوقت>=0) && (الوقت < 7 ))
text="يا رفاق الليل، يرجى الانتباه لصحتكم!"
إذا ((الوقت >= 7) && (الوقت <12))
text="الطقس اليوم...هاهاها، ألا تريد اللعب؟"
إذا ((الوقت >= 12) && (الوقت < 14))
text="إنها استراحة الغداء، لا بد أن صديقي ليس معتادًا على أخذ القيلولة، أليس كذلك؟!"
إذا ((الوقت >=14) && (الوقت <18))
text="حان وقت تناول شاي بعد الظهر، فلنأخذ قسطًا من الراحة!"
إذا ((الوقت >= 18) && (الوقت >= 22))
text="أنت هنا مرة أخرى، لا تتحدث مع MM لفترة طويلة!"
إذا ((الوقت >= 22) && (الوقت < 24))
text="لقد فات الوقت، تأكد من حصولك على قسط من الراحة!"
وثيقة.كتابة (نص)
//--->
</script>
[Ctrl+A جميع نصائح التحديد: يمكنك تعديل بعض الأكواد أولاً ثم الضغط على تشغيل]
18.
كود HTML
للموسيقى بدون توقف
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href=" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " target= "_blank" rel="external">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href=" http://www.w3.org/1999/xhtml " target="_blank" rel="external">http://www.w3.org/1999/xhtml</ أ>">
<الرأس>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>مستند بدون عنوان</title>
</الرأس>
<الجسم>
<ص>
<اسم الإدخال = "src" type = "ملف" id = "src" value = "E:music2fighter.mp3" />
</ص>
<ص>
<input type = "button" name = "button" id = "button" value = "تشغيل" onclick = "play (document.getElementById('src').value)" />
<input type = "button" name = "button2" id = "button2" value = "Stop" onclick = "stop ()" />
<input type = "button" name = "button2" id = "button2" value = "إيقاف مؤقت" عند النقر = "pause ()" />
</ص>
</الجسم>
</html>
<النص البرمجي>
var player = new ActiveXObject("MediaPlayer.MediaPlayer");
تشغيل الوظيفة (pSrc) {
إذا (pSrc == ""){
تنبيه("الرجاء تحديد الموسيقى التي تريد تشغيلها!");
يعود ؛
}
player.Open(pSrc);
}
توقف الوظيفة () {
player.Stop();
}
توقف الوظيفة () {
player.Pause();
}
</script>
[Ctrl+A جميع نصائح التحديد: يمكنك تعديل جزء من الكود أولاً، ثم اضغط على تشغيل]
19. تأثير التمرير السلس للصور لأعلى ولأسفل ولليسار ولليمين (متوافق مع Firefox وIE)
كود HTML
<html xmlns="<a href=" http://www.w3.org/1999/xhtml " target="_blank" rel="external">http://www.w3.org/1999/xhtml</ أ>">
<الرأس>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>تأثير تمرير الصور بسلاسة لأعلى ولأسفل ولليسار ولليمين (متوافق مع Firefox وIE)</title>
</الرأس>
<body>
<!--ما يلي هو رمز التمرير لأعلى-->
<معرف div=jsweb8_cn_top style=overflow:hidden;height:100;width:90;>
<معرف div=jsweb8_cn_top1>
<img src="<a href= " <img src="<a href=" <img src="<a href=" <img src="<a href=" <img src="<a href=" <img src="<a href=" <img src="<a href=" <img src="<a href=" <img src="<a href=" </div>
<div id=jsweb8_cn_top2></div>
</div>
<النص البرمجي>
سرعة فار = 30
jsweb8_cn_top2.innerHTML=jsweb8_cn_top1.innerHTML //استنساخ jsweb8_cn_top1 كـ jsweb8_cn_top2
وظيفة سرادق 1 () {
// عند التمرير إلى تقاطع jsweb8_cn_top1 و jsweb8_cn_top2
إذا (jsweb8_cn_top2.offsetTop-jsweb8_cn_top.scrollTop<=0)
jsweb8_cn_top.scrollTop-=jsweb8_cn_top1.offsetHeight //jsweb8_cn_top يقفز إلى الأعلى
آخر{
jsweb8_cn_top.scrollTop++;
}
}
var MyMar1=setInterval(Marquee1,speed)//ضبط المؤقت
// امسح المؤقت عندما يتحرك الماوس لأعلى لإيقاف التمرير
jsweb8_cn_top.onmouseover=function() {clearInterval(MyMar1)}
// إعادة ضبط المؤقت عند إبعاد الماوس
jsweb8_cn_top.onmouseout=function(){MyMar1=setInterval(Marquee1,speed)}
</script>
<!--نهاية رمز التمرير لأعلى-->
<ر>
<!--ما يلي هو رمز التمرير-->
<معرف div=jsweb8_cn_bottom style=overflow:hidden;height:100;width:90;>
<معرف div=jsweb8_cn_bottom1>
<img src="<a href= " <img src="<a href=" <img src="<a href=" <img src="<a href=" <img src="<a href=" <img src="<a href=" <img src="<a href=" <img src="<a href=" <img src="<a href=" </div>
<div id=jsweb8_cn_bottom2></div>
</div>
<النص البرمجي>
سرعة فار = 30
jsweb8_cn_bottom2.innerHTML=jsweb8_cn_bottom1.innerHTML
jsweb8_cn_bottom.scrollTop=jsweb8_cn_bottom.scrollHeight
وظيفة سرادق 2 () {
إذا (jsweb8_cn_bottom1.offsetTop-jsweb8_cn_bottom.scrollTop>=0)
jsweb8_cn_bottom.scrollTop+=jsweb8_cn_bottom2.offsetHeight
آخر{
jsweb8_cn_bottom.scrollTop--
}
}
فار MyMar2=setInterval(Marquee2,speed)
jsweb8_cn_bottom.onmouseover=function() {clearInterval(MyMar2)}
jsweb8_cn_bottom.onmouseout=function() {MyMar2=setInterval(Marquee2,speed)}
</script>
<!--قم بالتمرير لأسفل حتى نهاية الكود-->
<ر>
<!--ما يلي هو رمز التمرير إلى اليسار-->
<div id="jsweb8_cn_left" style="overflow:hidden;width:500px;">
<جدول خلايا الجدول = "0" تباعد الخلايا = "0" الحدود = "0">
<tr><td id="jsweb8_cn_left1" valign="top" align="center">
<جدول خلايا الجدول = "2" تباعد الخلايا = "0" الحدود = "0">
<tr align="center">
<td><img src="<a href=" <td><img src="<a href=" <td><img src="<a href=" <td><img src="<a href =" <td><img src="<a href=" <td><img src="<a href=" <td><img src="<a href=" </tr>
</الجدول>
</TD>
<td id="jsweb8_cn_left2" valign="top"></td>
</tr>
</الجدول>
</div>
<النص البرمجي>
var speed=30//كلما زادت قيمة السرعة، كانت السرعة أبطأ
jsweb8_cn_left2.innerHTML=jsweb8_cn_left1.innerHTML
وظيفة سرادق 3 () {
إذا (jsweb8_cn_left2.offsetWidth-jsweb8_cn_left.scrollLeft<=0)
jsweb8_cn_left.scrollLeft-=jsweb8_cn_left1.offsetWidth
آخر{
jsweb8_cn_left.scrollLeft++
}
}
فار MyMar3=setInterval(Marquee3,speed)
jsweb8_cn_left.onmouseover=function() {clearInterval(MyMar3)}
jsweb8_cn_left.onmouseout=function() {MyMar3=setInterval(Marquee3,speed)}
</script>
<!--نهاية تمرير الكود الأيسر-->
<ر>
<!--ما يلي هو رمز التمرير إلى اليمين-->
<div id="jsweb8_cn_right" style="overflow:hidden;width:500px;">
<جدول خلايا الجدول = "0" تباعد الخلايا = "0" الحدود = "0">
<tr><td id="jsweb8_cn_right1" valign="top" align="center">
<جدول خلايا الجدول = "2" تباعد الخلايا = "0" الحدود = "0">
<tr align="center">
<td><img src="<a href=" <td><img src="<a href=" <td><img src="<a href=" <td><img src="<a href =" <td><img src="<a href=" </tr>
</الجدول>
</TD>
<td id="jsweb8_cn_right2" valign="top"></td>
</tr>
</الجدول>
</div>
<النص البرمجي>
var speed=30//كلما زادت قيمة السرعة، كانت السرعة أبطأ
jsweb8_cn_right2.innerHTML=jsweb8_cn_right1.innerHTML
وظيفة سرادق 4 () {
إذا (jsweb8_cn_right.scrollLeft<=0)
jsweb8_cn_right.scrollLeft+=jsweb8_cn_right2.offsetWidth
آخر{
jsweb8_cn_right.scrollLeft--
}
}
فار MyMar4=setInterval(Marquee4,speed)
jsweb8_cn_right.onmouseover=function() {clearInterval(MyMar4)}
jsweb8_cn_right.onmouseout=function() {MyMar4=setInterval(Marquee4,speed)}
</script>
<!--نهاية رمز التمرير إلى اليمين->
</body>
</html>
[Ctrl+A جميع نصائح التحديد: يمكنك تعديل جزء من الكود أولاً، ثم انقر فوق تشغيل]
20. قم بتمرير
كود HTML
باستمرار إلى اليسار
<div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><table align=left cellpadding=0 cellspace=0 border=0><tr><td id =demo1 valign=top><img src="<a href=" <script>
سرعة فار = 30
demo2.innerHTML=demo1.innerHTML
وظيفة سرادق () {
إذا (demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
آخر{
demo.scrollLeft++
}
}
فار MyMar=setInterval(سرادق,سرعة)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
[Ctrl+A تحديد كافة النصائح: يمكنك تعديل جزء من الكود أولاً ثم الضغط على تشغيل]
21. قم بتمرير
كود HTML
إلى اليمين دون انقطاع
<div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><table align=left cellpadding=0 cellspace=0 border=0><tr><td id =demo1 valign=top><img src="<a href=" <script>
سرعة فار = 30
demo2.innerHTML=demo1.innerHTML
demo.scrollLeft=demo.scrollWidth
وظيفة سرادق () {
إذا (demo.scrollLeft<=0)
demo.scrollLeft+=demo2.offsetWidth
آخر{
التجريبي.التمرير لليسار--
}
}
فار MyMar=setInterval(سرادق,سرعة)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
[Ctrl+A تحديد كافة النصائح: يمكنك تعديل جزء من الكود أولاً ثم الضغط على تشغيل]
التمرير المستمر أو رمز التمرير دون انقطاع (طرق التمرير المختلفة) متوافق مع IE وFireFox Opera Maxthon وكود التمرير الفاصل للمتصفحات الأخرى
من اليسار إلى اليمين الطريقة 1:
كود HTML
<div id=demo style ="OVERFLOW: Hidden; WIDTH: 980px; height: 80px;align: center">
<جدول تباعد الخلايا = "0" خلية الحشو = "0" محاذاة = "المركز"
الحدود = "0">
<الجسم>
<تر>
<td id="marquePic1" valign="top">
<عرض الجدول = "980" الارتفاع = "80" الحدود = "0" خلية الحشو = "0" تباعد الخلايا = "0">
<تر>
<td width="148" height="60" bgcolor="#F2F6FB"><a href="#" target="_blank"><img src="/img/bottom_ad01.gif" border="0"> </a></td>
<td width="148" height="60" bgcolor="#F2F6FB"><a href="#" target="_blank"><img src="/img/bottom_ad02.gif" border="0"> </a></td>
<td width="148" height="60" bgcolor="#F2F6FB"><a href="#" target="_blank"><img src="/img/bottom_ad03.gif" border="0"> </a></td>
<td width="148" height="60" bgcolor="#F2F6FB"><a href="#" target="_blank"><img src="/img/bottom_ad04.gif" border="0"> </a></td>
<td width="148" height="60" bgcolor="#F2F6FB"><a href="#" target="_blank"><img src="/img/bottom_ad05.gif" border="0"> </a></td>
<td width="148" height="60" bgcolor="#F2F6FB"><a href="/info/about.asp?id=4" target="_blank"><img src="/img/bottom_ad06 .gif" border="0"></a></td>
</tr>
</table>
</TD>
<td id="marquePic2" valign="top"></td>
</tr>
</tbody>
</الجدول>
</div>
<نوع البرنامج النصي=نص/جافا سكريبت>
var speed=80 <!--كلما كانت القيمة أكبر، كانت السرعة أبطأ-->
marquePic2.innerHTML=marquePic1.innerHTML
وظيفة سرادق () {
إذا (demo.scrollLeft>=marquePic1.scrollWidth){
demo.scrollLeft=0
}آخر{
demo.scrollLeft++
}}
فار MyMar=setInterval(سرادق,سرعة)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
[Ctrl+A تحديد كافة النصائح: يمكنك تعديل جزء من الكود أولاً، ثم الضغط على تشغيل]
الطريقة الأولى من الأسفل إلى الأعلى:
كود HTML
<عرض الجدول = "100%" الحدود = "0" تباعد الخلايا = "2" خلية الحشو = "2">
<tr> <td محاذاة = "مركز"> <عرض الجدول = "150" الحدود = "0" محاذاة = "مركز" خلية الحشو = "0" تباعد الخلايا = "0">
<تر>
<td width="194" style="padding-top:8px" valign="top">
<DIV id=rolllinkk style ="التدفق الزائد: مخفي؛ العرض: 145 بكسل؛ الارتفاع: 200 بكسل">
<DIV id=rolllinkk1>
<!--ما يلي هو المحتوى الذي تريد عرضه-->
<table width="100%" border="0" cellpacing="2" cellpadding="2">
<tr> <td align="center">أفضل وسائل النقل</td> </tr>
<tr > <td align="center">أفضل وسائل النقل</td> </tr>
<tr> <td align="center">أفضل وسائل النقل</td> </tr> <tr>
< td align= "center">أفضل وسائل النقل</td> </tr>
<tr> <td align="center">أفضل وسائل النقل</td> </tr>
<tr> <td align ="center"> أفضل وسائل النقل</td> </tr>
<tr> <td align="center">أفضل وسائل النقل</td> </tr>
<tr> <td align=" center">أفضل وسائل النقل </td> </tr>
<tr> <td align="center">أفضل وسائل النقل</td> </tr>
<tr> <td align="center" >أفضل وسائل النقل</td> </tr>
<tr> <td align="center">أفضل وسائل النقل</td> </tr>
</table>
<!-- نهاية المحتوى المعروض! -->
<DIV align=center> </DIV> </DIV>
<DIV id=rolllinkk2>
<DIV align=center> </DIV> </DIV> </DIV>
<النص>
فار لفة السرعة = 30
rolllinkk2.innerHTML=rolllinkk1.innerHTML //
وظيفة سرادق 1 () {
إذا (rolllinkk2.offsetTop-rolllinkk.scrollTop <=0) //
rolllinkk.scrollTop-=rolllinkk1.offsetHeight //
آخر{
rolllinkk.scrollTop++
}
}
فار MyMar1=setInterval(Marquee1,rollspeed) //
rolllinkk.onmouseover=function() {clearInterval(MyMar1)}//
rolllinkk.onmouseout=function() {MyMar1=setInterval(Marquee1,rollspeed)}//
</النص>
</TD>
</TR>
</الجدول>
</td> </tr>
</table>
[Ctrl+A جميع نصائح التحديد: يمكنك تعديل جزء من الكود أولاً، ثم اضغط على تشغيل]
التمرير المستمر متعدد الأسطر، زر التحكم
كود HTML
<script language="JavaScript" تأجيل>
// qswh الأصلي والمعدل بواسطة Windy_sk < [email protected] > 20040120
دالة ReportError(msg,url,line) {
var str = "لقد وجدت خطأً كما يلي: nn";
str += "Err: " + msg + " on line: " + line;
تنبيه (شارع)؛
عودة صحيحة؛
}
window.onerror = reportError؛
var obj_marquee = document.getElementById("marquee");
تكرار فار = فارغ؛
فار marquee_spd = 50;
وظيفة سرادق_init() {
var obj_unit = obj_marquee.firstChild;
var marquee_high = parseInt(obj_marquee.style.height);
var marquee_wide = parseInt(obj_marquee.style.width);
var Unit_high = obj_unit.offsetHeight;
var Unit_wide = obj_unit.offsetWidth;
فار م = 0، ن = 0، ط = 0؛
var tmp = null
m = Math.ceil(marquee_wide /unit_wide);
n = Math.ceil(marquee_high /unit_high);
obj_unit.style.width = marquee_wide * (m+1);
obj_unit.rows[0].cells[0].style.width = obj_marquee.style.width
for(i=0; i<m; i++) {
tmp = obj_unit.rows[0].insertCell(-1);
tmp.innerHTML = obj_unit.rows[0].cells[0].innerHTML;
tmp.style.width = marquee_wide;
tmp = null;
}
ل(i=0; i<n; i++) {
obj_marquee.appendChild(obj_unit.cloneNode(true));
}
يعود؛
}
وظيفة سرادق_show(الاتجاه) {
التبديل (الاتجاه) {
حالة "أعلى":
إذا (obj_marquee.scrollTop >= obj_marquee.children[1].offsetTop) {
obj_marquee.scrollTop -= obj_marquee.firstChild.offsetHeight;
} آخر {
obj_marquee.scrollTop++;
}
استراحة؛
الحالة "أسفل":
إذا (obj_marquee.scrollTop <= 0) {
obj_marquee.scrollTop += obj_marquee.firstChild.offsetHeight;
} آخر {
obj_marquee.scrollTop--;
}
استراحة؛
الحالة "يسار":
إذا (obj_marquee.scrollLeft >= obj_marquee.firstChild.rows[0].cells[0].offsetWidth) {
obj_marquee.scrollLeft -= obj_marquee.firstChild.rows[0].cells[0].offsetWidth;
} آخر {
obj_marquee.scrollLeft++;
}
استراحة؛
حالة "الحق":
إذا (obj_marquee.scrollLeft <= 0) {
obj_marquee.scrollLeft += obj_marquee.firstChild.rows[0].cells[0].offsetWidth;
} آخر {
obj_marquee.scrollLeft--;
}
استراحة؛
تقصير:
استراحة؛
}
يعود؛
}
وظيفة سرادق_doit() {
اتجاه فار = "";
Direction = obj_marquee.getAttribute("direction");
if(direction != null) marquee_show(direction);
الاتجاه = obj_marquee.getAttribute("direction2");
if(direction != null) marquee_show(direction);
يعود؛
}
marquee_init();
تكرار = setInterval("marquee_doit()",marquee_spd);
marquee.onmouseover = function() {clearInterval(repeat);}
marquee.onmouseout = function() {repeat=setInterval("marquee_doit()",marquee_spd);}
</script>
<نمط الجدول = "الحدود: 1 بكسل أسود صلب؛"><tr><td>
<div id="marquee" Direction="up" style="overflow:hidden;height:200px;width:250px">
<نمط الجدول = "الحدود:0px;الحشو:0px;"><tr><td>
<!-- رأس الجسم المستطيل -->
<a href="#" target="_blank">المنتدى الكلاسيكي</a><br>
<a href="#" target="_blank">163.com</a><br>
<a href="#" target="_blank">21cn.com</a><br>
<a href="#" target="_blank">سنة جديدة سعيدة</a>
<!-- الجزء السفلي من هيكل الشاشة -->
</td></tr></table>
</div>
</td></tr></table>
الاتجاه 1:
<input type="button" value="↑" onclick="obj_marquee.direction='up'">
<input type="button" value="↓" onclick="obj_marquee.direction='down'">
<نوع الإدخال = "زر" القيمة = "←" عند النقر = "obj_marquee.direction='left'">
<نوع الإدخال = "زر" القيمة = "→" onclick = "obj_marquee.direction = 'right'">
<input type="button" value=" X " onclick="obj_marquee.direction=''"> <br>
الاتجاه 2:
<input type="button" value="↑" onclick="obj_marquee.direction2='up'">
<input type="button" value="↓" onclick="obj_marquee.direction2='down'">
<input type="button" value="←" onclick="obj_marquee.direction2='left'">
<نوع الإدخال = "زر" القيمة = "→" onclick = "obj_marquee.direction2 = 'يمين'">
<input type="button" value=" X " onclick="obj_marquee.direction2=''">
[Ctrl+A تحديد كافة النصائح: يمكنك تعديل جزء من الكود أولاً ثم الضغط على تشغيل]