العربية
هل تحتاج إلى استخدام كود CSS لمحاكاة التنقل في موقع techweb؟ التأثير هو تقريبا نفس الشيء الحقيقي!
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css" > <!-- #siteNav { واضح: كلاهما؛ العرض: 750 بكسل؛ -أسفل:2px Solid #84B0C7؛ عائلة الصوت: ""}""; #siteNav li { العرض: مضمن؛ الهامش: 0؛ } #siteNav a { float:left(); :none; } #siteNav aspan { float:left;display:block; -Mac */ #siteNav aspan { float:none } /* End IE5-Mac hack */ #siteNav a:hoverspan { color:#036 } #siteNav a:hover { back-position:0% -42px } #siteNav a:hoverspan { موقف الخلفية:100% -42px } #siteNav #sel a { موقف الخلفية:0% -42px } #siteNav #sel aspan { موقف الخلفية:100% -42px } --> </style> <title>Demo</title> </head> <body> <div id="siteNav"> <ul> <li id="sel"><a href="#" ><span>الصفحة الرئيسية</span></a></li> <li><a href="#"><span>المعلومات</span></a></li> <li><a href ="#"><span>الشخصيات</span></a></li> <li><a href="#"><span>الإدارة</span></a></li> <li ><a href="#"><span>التشغيل</span></a></li> <li><a href="#"><span>الشؤون المالية</span></a></ li> <li><a href="#"><span>التكنولوجيا</span></a></li> <li><a href="#"><span>المنتجات</span></ a></li> <li><a href="#"><span>الشبكة</span></a></li> <li><a href="#"><span>الاتصالات</li></li> li>span></a></li> <li><a href="#"><span>التعليقات</span></a></li> <li><a href="#"> <span >المدونة</span></a></li> <li><a href="#"><span>الأصدقاء</span></a></li> <li><a href= "# "><span>التمرير</span></a></li> <li><a href="#"><span>بحث</span></a></li> <li> <a href="#"><span>WAP</span></a></li> </ul> </div> </body> </html>
