1. التحكم في رؤية أشرطة التمرير الأفقية والعمودية؟
<body style="overflow-y:hidden"> قم بإزالة المحور السيني
<body style="overflow-x:hidden"> قم بإزالة المحور y
<body التمرير = "no"> لا تعرض
--------------------------------------- - ----------------------------------------
2. تغير لون الشكل
<TD onmouseover="this.style.backgroundColor='#FFFFFF'"
onmouseout="this.style.backgroundColor=''"
النمط = "المؤشر: اليد">
-------------------------------------------------- ----------------------------------
3. منع النسخ، اسحب الماوس للتحديد
<body ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false onselectstart=event.returnValue=false>
-------------------------------------------------- ----------------------------------
4. صفحة iframe عادية
<اسم الإطار = "اسم" src = "main.htm" العرض = "450" الارتفاع = "287" التمرير = "تلقائي" إطار الحدود = "0"></iframe>
--------- ------------------------------------------------------------------ -- -------------------
5.iframe الارتفاع التكيفي
<اسم الإطار = "pindex" src = "index.asp" إطار الحدود = التمرير الخاطئ = "تلقائي" العرض = "100٪" الارتفاع = "100٪" إطار الحدود = لا يوجد تحميل = "document.all ['pindex'].style .height=pindex.document.body.scrollHeight" ></iframe>
-------------------------------------------------- ----------------------------------
6. قم بتغيير شريط عنوان IE إلى الرمز الخاص بك ويمكن عرض الرمز الخاص بك في المفضلة
<link rel="Shortcut Icon" href="favicon.ico">
<link rel="Bookmark" href="favicon.ico">
-------------------------------------------------- ----------------------------------
7. تغيير حجم الخط يقضي المزيد والمزيد من الأشخاص الكثير من الوقت في تصفح الإنترنت، كما تزداد شعبية النظارات أكثر فأكثر. قم بتكبير النص حتى يتمكن المزيد من المستخدمين من رؤيته بشكل أكثر وضوحًا.
<نوع البرنامج النصي = "نص/جافا سكريبت">
وظيفة التكبير (الحجم)
{document.getElementById('zoom').style.fontSize=size+'px';}
</script>
<span id="zoom">نص بالحجم المحدد</span>
<a href="javascript:doZoom(16)">كبير</a> <a href="javascript:doZoom(14)">متوسط</a> <a href="javascript:doZoom(12)">صغير </أ>
-------------------------------------------------- ----------------------------------
8. رمز الانتقال السريع لصفحة الويب إذا كنت تريد أن تنتقل الصفحة بعد عرضها لمدة 3 ثوانٍ، فيمكنك إضافة هذا الرمز إلى الجزء <head></head> من كود html:
<meta http-equiv="refresh" content="3; url=http://www.devdao.com">
-------------------------------------------------- ----------------------------------
9. يجب أن يكون العنوان المضمن المملوء بالارتفاع التكيفي لـ iframe (الإطار المضمن) موجودًا على نفس موقع هذه الصفحة، وإلا فإنه سيظهر رسالة "تم رفض الوصول!". توجد مشكلات تتعلق بالأذونات فيما يتعلق بالمراجع عبر النطاقات، يرجى التحقق من المعلومات الأخرى.
<iframe name = "guestbook" src = "gbook/index.asp" التمرير = لا يوجد عرض = "100٪" ارتفاع = "100٪" إطار الحدود = لا يوجد تحميل = "document.all ["guestbook"].style.height = Guestbook.document.body.scrollHeight"></iframe>
-------------------------------------------------- ----------------------------------
10. الانتقال إلى القائمة نافذة جديدة
<select name="select" onchange="window.open(this.options[this.selectedIndex].value)">
<option value=" http://www.microsoft.com/ie ">Internet Explorer</option>
<option value=" http://www.microsoft.com "> صفحة Microsoft الرئيسية</option>
<option value=" http://msdn.microsoft.com "> شبكة المطورين </option>
</حدد>
-------------------------------------------------- ----------------------------------
11. خيار الشفافية فلاش
<param name="wmode" value="transparent">
-------------------------------------------------- -------------------------------
12. أضف إلى المفضلة وقم بتعيينها كصفحة رئيسية
<a href=# onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.devdao.com');">تعيين كصفحة رئيسية</a>
<a href="javascript:window.external.AddFavorite('http://www.devdao.com/','Webmaster Design Network')">ضع هذا الموقع في المفضلة</a>
-------------------------------------------------- ----------------------------------
13. تسجيل وعرض آخر وقت تعديل لصفحة الويب
<لغة البرنامج النصي=جافا سكريبت>
document.write("آخر وقت للتحديث: " + document.lastModified + "")
</script>
-------------------------------------------------- ----------------------------------
14. العد التنازلي للعطلة
<لغة السيناريو = "جافا سكريبت">
var timedate= new Date("1 أكتوبر 2002");
var times= "اليوم الوطني";
var now = new Date();
تاريخ فار = timedate.getTime() - now.getTime();
var time = Math.floor(date / (1000 * 60 * 60 * 24));
إذا (الوقت >= 0)
document.write("يوجد الآن: "+time +"أيام" من "+times+")
</ سكريبت>
-------------------------------------------------- ----------------------------------
15. أضف إلى HEAD لتعطيل التخزين المؤقت
<meta http-equiv="Expires" CONTENT="0">
<meta http-equiv="Cache-Control" CONTENT="no-cache">
<meta http-equiv="Pragma" CONTENT="no-cache">
--------------------------------- - ------------------------------------------------- -
16. اجعل خلفية المستند داخل إطار IFRAME شفافة
<iframe src="about:<body style='background:transparent'>"allowtransparency></iframe>
-------------------------------------------------- ----------------------------------
17. قم بتكبير النافذة عند فتحها
<لغة البرمجة = "جافا سكريبت">
<!-- ابدأ
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
// النهاية -->
</script>
-------------------------------------------------- ----------------------------------
18. إضافة موسيقى خلفية
<bgsound src="mid/windblue[1].mid" loop="-1"> ينطبق فقط على IE
<embed src="music.mid" autostart="true" loop="true" Hidden="true"> ينطبق على كل من Netscape وIE
-------------------------------------------------- ----------------------------------
19. انتقل
<اتجاه الشاشة الاسمية=ارتفاع أعلى=146 onmouseout=start() onmouseover=stop()scrollAmount=2>معلومات التمرير
</سرادق>
-------------------------------------------------- ----------------------------------
20. منع إعادة تعيين الصفحة إلى الكود "javascript:void(null)" الموجود أعلى الصفحة بدلاً من علامة "#" الأصلية عند النقر على رابط فارغ.
-------------------------------------------------- --------------------------
21. تظهر النصوص أو الصور في نافذة بحجم محدد ويتم إضافتها إلى الجسم
<script language="JavaScript" type="text/JavaScript">
وظيفة MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);}
</script>
رمز منبثق
<a href="#" target="_self" onClick="MM_openBrWindow('windows01.htm','','width=550,height=380')" width="550" height="380" border=" 0">صورة أو نص</a>
-------------------------------------------------- ----------------------------------
22.الانتقال إلى رمز الصفحة
<meta http-equiv="refresh" content="5;url=http://www.devdao.com">
-------------------------------------------------- ----------------------------------
23. فواصل الخط الرفيع
<hr noshade size=0 color=#C0C0C0>
-------------------------------------------------- ----------------------------------
24. تغليف الأسطر تلقائيًا في صفحات الويب
<td style="word-break:break-all">هذا كل شيء.
كامل هو
style = "تخطيط الجدول: ثابت؛ WORD-break: كسر الكل؛ WORD-WRAP: كسر الكلمة"
-------------------------------------------------- ----------------------------------
25. قم بإزالة شريط أدوات الصور الذي يظهر تلقائيًا في ie6 وقم بتعيين سمة GALLERYIMG على false أو no.
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no">
-------------------------------------------------- ----------------------------------
26. منع تحديد محتوى نص الصفحة
<body oncontextmenu = "return false" ondragstart = "return false" onselectstart ="return false" onselect = "document.selection.empty ()" oncopy = "document.selection.empty ()" onbeforecopy = "return
false"onmouseup="document.selection.empty()">
------------------------------------ ----------------------------------------------- ----
27. لا يمكنك النقر بزر الماوس الأيمن، ولا يلزم استخدام CTRL+A، ولا يمكنك النسخ!
<body oncontextmenu="window.event.returnValue=false"
onkeypress = "window.event.returnValue = false"
onkeydown = "window.event.returnValue = false"
onkeyup = "window.event.returnValue = false"
ondragstart = "window.event.returnValue = false"
onselectstart="event.returnValue=false">
</الجسم>
-------------------------------------------------- ----------------------------------
يدعم متصفح 28.IE خاصية الجسم bgproperties، والتي يمكن أن تمنع الخلفية من التمرير:
<خلفية الجسم = "ملف الصورة" bgproperties = "ثابت">
-------------------------------------------------- ----------------------------------
29. تغيير صورة الخلفية بشكل عشوائي (تأثير خاص يمكن أن ينعش حالتك المزاجية)
<لغة السيناريو = "جافا سكريبت">
image = new Array(4); // تحديد الصورة كمصفوفة من أرقام الصور image [0] = 'tu0.gif' // مسار صورة الخلفية [1] = 'tu1.gif'
الصورة [2] = 'tu2.gif'
الصورة [3] = 'tu3.gif'
الصورة [4] = 'tu4.gif'
number = Math.floor(Math.random() * image.length);
document.write("<BODY BACKGROUND="+image[number]+">");
</Script>
--------------------------------------------- - --------------------------------------------------
30. زر نموذج الصورة
<معرف النموذج = "form1" name = "form1" طريقة = "post" action = "">
<img src="login.gif" width="62" height="22" onclick="document.form1.submit()" />
</النموذج>
-------------------------------------------------- ----------------------------------
31. طريقة تعريف CSS لخلفيات الظل الأيمن والأيسر
جسم {
محاذاة النص:مركز؛
تكرار الخلفية: تكرار ص؛
موقف الخلفية: المركز؛
صورة الخلفية: url(../images/bg.jpg);
}
-------------------------------------------------- ----------------------------------
32. عبور الرابط بالماوس اليدوي
النمط = "المؤشر: اليد"
-------------------------------------------------- ----------------------------------
33. كيفية إيقاف الطبقات
<div id="Layer1"></div>
<a href="#" onClick="Layer1.style.display='none'">أغلق الطبقة</a>
-------------------------------------------------- ----------------------------------
34. البرنامج النصي لإغلاق النافذة
<a href=javascript:إغلاق()>[أغلق النافذة]</a>
-------------------------------------------------- ----------------------------------
35. إذا كان النص طويلاً جدًا، فسيتم عرض الجزء الطويل جدًا كعلامات حذف.
<DIV STYLE = "العرض: 120 بكسل؛ الارتفاع: 50 بكسل؛ الحد: 1 بكسل أزرق خالص؛ التجاوز: مخفي؛ تجاوز سعة النص: القطع الناقص">
<NOBR>على سبيل المثال، يوجد سطر من النص طويل جدًا بحيث لا يمكن عرضه في سطر واحد في الجدول.</NOBR>
</DIV>
-------------------------------------------------- ----------------------------------
36. يتم التكبير تلقائيًا بعد الدخول إلى الصفحة الرئيسية
<النص البرمجي>
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
</script>
--------------------------------------------- ---- --------------------------------------------------
37. نص منقوش
<div style="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; حجم الخط:12px; ارتفاع الخط:18px; لون الخلفية:# إيييييييييييييييييييييييييييييييييييييييييييييح
<الخط معطل>
ماذا عن ذلك، هل أنا منبعج؟ <ر>
لا تريد أن تجرب ذلك؟ <ر>
<a href=" http://www.devdao.com/">www.devdao.com</a></font >
</div>
-------------------------------------------------- ----------------------------------
38. تشغيل مربع التعليمات البرمجية
<النص البرمجي>
معاينة الدالة ()
{var TestWin=open('');
TestWin.document.write(code.value);}
</script>
<معرف منطقة النص=رمز cols=60 صفًا=15></textarea>
<ر>
<button onclick=Preview() >تشغيل</button>
-------------------------------------------------- -------------------------------
38. ربط النموذج
<عرض الجدول = "100%" onclick = "window.open ('http://www.devdao.com/', '_blank')" style = "CURSOR:hand">
<تر>
<td height="100" bgcolor="f4f4f4"> </td>
</tr>
</الجدول>
-------------------------------------------------- ----------------------------------
39. اجعل النوافذ المنبثقة دائمًا في الأعلى
<body onblur="this.focus();">
-------------------------------------------------- ----------------------------------
40.CSS ظل النص
.shadowfont{FILTER: dropshadow(color=#666666, offx=1, offy=1,positive=1);
-------------------------------------------------- ----------------------------------
41. رجوع وأغلق النافذة ثم ارجع: javascript:history.back(1)
إغلاق: javascript:window.cloud();
-------------------------------------------------- ----------------------------------
42. النموذج شفاف
نمط = "تصفية: ألفا (التعتيم = 72)"
-------------------------------------------------- ----------------------------------
43. كيفية منع الآخرين من وضع صفحة الويب الخاصة بك في الإطار
<script language="javascript"><!--if (self!=top){top.location=self.location;} -->< /script>
-------------------------------------------------- ----------------------------------
44.الفرق بين البديل والعنوان
يستخدم بديل لإعطاء تلميحات للصور. يتم استخدام العنوان لإعطاء نص الارتباط أو تلميحات النص العادي.
<a href="#" Title="أعط نص الرابط تلميح">النص</a>
<p Title="نص تلميح للرابط">نص</p>
<img src="رابط الصورة" alt="نصائح للصورة">
------------------ -------------------------------------------------- ----------
45. حاول استخدام المكالمات الخارجية لجميع مكالمات جافا سكريبت.
<SCRIPT LANGUAGE="javascript" SRC="js/xxxxx.js"></SCRIPT>
-------------------------------------------------- ----------------------------------
46. الارتباط ب
استجابة. إعادة توجيه "login.asp"
location.href = "xx.asp"
onClick="window.location='login.asp'"
onClick="window.open('')"
--------------------------------------- ------ ----------------------------------------
47. الرابط الأساسي الأنماط
a:link يمثل نمط الارتباط
a:active يمثل نمط الاتصال النشط الحالي
a:hover يمثل النمط عند مرور الماوس فوقه
a:تمثل الزيارة نمط الرابط الذي تمت زيارته
"link-visited-hover-active"، والمختصر بـ "lvha"، أي "love"+"hate"
-------------- ------------------------------------------------------------------ -- ---------------
48. قم بتعيين الأنماط ذات تأثيرات الارتباط النصي المختلفة على نفس الصفحة
<نمط النوع = "نص/CSS">
.أخضر {اللون: #309633}
.أخضر أ: الرابط {اللون: #309633؛ زخرفة النص: لا شيء}
.أخضر أ: تمت الزيارة {اللون: #309633؛ زخرفة النص: لا شيء}
.أخضر أ: تحوم {اللون: #309633؛ زخرفة النص: تسطير}
.أخضر أ: نشط {اللون: #309633؛ زخرفة النص: لا شيء}
</نمط>
<a href="#" class="green">النص</a>
-------------------------------- -------------------------------------------------- ------
49. قائمة القفز المنسدلة
<select name=select onchange="javascript:window.open(this.options[this.selectedIndex].value)"style="color:#333">
<option>----يرجى التحديد----</option>
<option value=" http://www.devdao.com ">شبكة تصميم مشرفي المواقع</option>
<option value=" http://www.fontchina.cn/ ">الخط</option>
</حدد>
-------------------------------------------------- ----------------------------------
50. حدد الحل لحظر div وأضف الكود التالي إلى div واضبطه حسب الحاجة.
<iframe src = "javascript:false" التمرير = "لا" إطار الحدود = "0" نمط = "z-index:-1؛ الموضع: المطلق؛ أعلى: 5px؛ اليسار: 2px؛ العرض: 168؛ الارتفاع: 100px؛" >
</iframe>
--------------------------------------------- - --------------------------------------------------
51. جميع الروابط الموجودة في الصفحة بأكملها فارغة. يتم فتح نافذة جديدة
<base target="_blank">