المزيد
تحميل الكود برمجة ذات صلة موارد بناء المواقع دروس الكتب ألعاب الهاتف المحمول برامج الهاتف المقالات
الصفحة الرئيسية>دروس تصميم الويب>دروس CSS

CSS لتنفيذ النقاط الفعالة (نقطة الاتصال، مطالبات الخريطة)

الكاتب：Eve Cole وقت التحديث：2009-06-12 17:44:08

地图弹窗(خريطة البوب)具体演示

html عامة "-//W3C//DTD XHTML 1.0 الانتقالية//EN"
" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
http://www.w3.org/1999/xhtml ">
<الرأس>
/>
تنسيق CSS: إنشاء خريطة البوب ​​(map pop)
<نمط نوع = "نص / CSS" وسائل الإعلام = "الكل">
* { الهامش:0؛ الحشو: 0؛
}
إمج { الحدود: 0؛
}
#show{ محاذاة النص:يسار؛
}
ul { نوع نمط القائمة: لا شيء؛ الخلفية: شفافة
عنوان URL ( ) بدون تكرار -130 بكسل
0بكسل;
}
ul li a#map01:hoverspan.offset، ul li a#map01:focusspan.offset، ul li
a#map01:activespan.offset { Margin-top:-1px; الهامش الأيسر: 230 بكسل؛
}
ul li a#map02 { width:110px; الارتفاع: 75 بكسل؛ الهامش العلوي:-50 بكسل؛
الهامش الأيسر: 235 بكسل؛
}
ul li a#map02:hover، ul li a#map02:focus، ul li a#map02:active {
الخلفية:شفافة
عنوان URL ( ) بدون تكرار -115 بكسل
-88 بكسل؛
}
ul li a#map03:hoverspan.offset، ul li a#map03:focusspan.offset،ul li
a#map03:activespan.offset { Margin-top:-89px; الهامش الأيسر: 245 بكسل؛
}
ul li a#map04 { width:110px; الارتفاع: 120 بكسل؛ الهامش العلوي:-60 بكسل؛
الهامش الأيسر: 5 بكسل؛
}
ul li a#map04:hover، ul li a#map04:focus، ul li a#map04:active {
الخلفية:شفافة
عنوان URL ( ) بدون تكرار -240 بكسل
-153 بكسل؛
}
ul li a#map05:hoverspan.offset، ul li a#map05:focusspan.offset، ul li
a#map05:activespan.offset { Margin-top:-154px; الهامش الأيسر: 120 بكسل؛
}