شرح طريقة كيفية عمل تأثير وضوح الصور بمرور الماوس عليها بسهولة تامة
هذا الدرس مفصل يتم عمله بالجافا عن طريق وضع صورتين
واحدة مظلمة و اخرى فاتحة و لكن ال Css وفر علينا كتير الله يخليه لينا
http://www.dzbatna.com/images/smilies/cupidarrow.gif
نبذة عن الدرس مفصل
عن طريق الدرس مفصل التالى سوف تقوم بجعل اى صورة شفافيتها قليلة
و عند المرور عليها تظهر واضحة 100% بسهولة تامة
مثال حى
http://www.almsmk.com/Dev/Css/Opacity.html
طريقة عمل الشرح طريقة
اولا تقوم بوضع هذا الاستايل style فى وسم Head
رمز PHP:
<style>
a.zero img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5; border: 0px solid;}
a.zero:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; border: 0px solid;}
style>
head>
الآن الاستايل style اسمه zero
ثم تضع كلاس الاستايل style فى اى كود code خاص بك
هكذا
لاحظ الكلاس اسمه zero
رمز Code:
رمز Code:
!["Zero"]("Zero.Gif")
و بعده كود code الصورة العادى و جرب بنفسك و شوف
شرح طريقة الكود code
Opacity
و هى نسبة الشفايفة يمكنك تغيير الرقم كما تريد و جرب التاثيرات بنفسك
الاكواد الكثيرة هى لكل متصفح واحد لفايرفوكس و اكسبلورر و ما الى ذلك
اى شىء غير واضح اتمنى تقولولى
اذا لم تستطيع كتابة الكود code افتح صفحة ال Html الموجودة فى المثال و اضغط كليك يمين
ثم View Source
وشوف محتوى الاكواد و جربها بنفسك
الموضوع الأصلى
http://www.almsmk.com/threads/110890
