العربية
1. عنوان CSS وDHTML يقومان بتحديد <HEAD> العنوان: <style type="text/css"> /*علامة تبويب CSS المستندة إلى Eric Meyer*/ #tablist{ padding: 3px 0; الهامش الأيسر: 0; الهامش السفلي: 0; الهامش العلوي: 0.1em؛ الخط: غامق 12px Verdana؛ } #tablist li{ نمط القائمة: لا شيء؛ العرض: مضمن؛ الهامش: 0; } #tablist li a{ زخرفة النص: لا شيء؛ الحشو: 3px 0.5em؛ الهامش الأيسر: 3 بكسل؛ الحدود: 1 بكسل صلب #778؛ الحد السفلي: لا شيء؛ الخلفية: أبيض؛ } #tablist li a:link, #tablist li a:visited{ color: Navy; } #tablist li a:hover{ color: #000000; الخلفية: #C1C1FF؛ لون الحدود: #227؛ } #tablist li a.current{ الخلفية: lightyellow؛ } </style> <script type="text/javascript"> /************************************ ************* * البرنامج النصي لعارض المستندات المبوبة - © مكتبة أكواد Dynamic Drive DHTML (www.dynamicdrive.com) * يجب أن يظل هذا الإشعار سليمًا للاستخدام القانوني * قم بزيارة Dynamic Drive على http:// www.dynamicdrive.com/ للحصول على كود المصدر الكامل **************************************** *******/ var Selecttablink = "" var tcischecked=false function Handlelink(aobject){selectedtablink=aobject.href tcischecked=(document.tabcontrol && document.tabcontrol.tabcheck.checked)؟ صحيح : خطأ إذا (document.getElementById && !tcischecked){ var tabobj=document.getElementById("tablist") var tabobjlinks=tabobj.getElementsByTagName("A") for (i=0; i<tabobjlinks.length; i++) tabobjlinks [i].className = "" aobject.className = "current" document.getElementById("tabiframe").src=selectedtablink return false } else return true } function Handleview(){ tcischecked=document.tabcontrol.tabcheck.checked if ( document.getElementById && tcischecked){ if (selectedtablink!="") window.location=selectedtablink } } </script> قم بتحديد موقع CSS (الصفحة الرئيسية). أفضل خدمة DHTML .2. "return Handlelink(this)">Google</a></li> <li><a href="http://www.yahoo.com" onClick="return Handlelink(this)">Yahoo</a> </li> <li><a href="http://www.msn.com" onClick="return Handlelink(this)">MSN</a></li> <li><a href="http ://www.news.com" onClick="return Handlelink(this)">News.com</a></li> <li><a href="http://www.dynamicdrive.com" onClick= "return Handlelink(this)">محرك الأقراص الديناميكي</a></li> </ul> <iframe id="tabiframe" src="http://www.google.com" width="98%" height= "350px"></iframe> <form name="tabcontrol" style="margin-top:0"> <input name="tabcheck" type="checkbox" onClick="handleview()"> افتح روابط علامات التبويب في المتصفح نافذة بدلا من ذلك. </form> قم بزيارة موقع HTML وحدد علامة التبويب وIFRAME، وقم بزيارة عنوان URL الخاص بك. يمكن أن يكون هذا أفضل ما يمكن أن يحدث في أي وقت مضى احصل على المزيد من المعلومات. <ul id="tablist"> <li><a class="current" href="#">Google</a></li> <li><a href="# ">ياهو</a></li> <li><a href="#">MSN</a></li> <div style="margin-bottom: 8px"></div> <li> <a href="#">News.com</a></li> <li><a href="#">المحرك الديناميكي</a></li> </ul>
