شرح طريقة كيفية عمل تأثير وضوح الصور بمرور الماوس عليها بسهولة تامة
هذا الدرس مفصل يتم عمله بالجافا عن طريق وضع صورتين
واحدة مظلمة و اخرى فاتحة و لكن ال Css وفر علينا كتير الله يخليه لينا
نبذة عن الدرس مفصل
عن طريق الدرس مفصل التالى سوف تقوم بجعل اى صورة شفافيتها قليلة
و عند المرور عليها تظهر واضحة 100% بسهولة تامة
مثال حى
http://www.almsmk.com/Dev/Css/Opacity.html
طريقة عمل الشرح طريقة
اولا تقوم بوضع هذا الاستايل style فى وسم Head
رمز PHP:
<code style="white-space:nowrap"> <code> <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>
</code> </code>
الآن الاستايل style اسمه zero
ثم تضع كلاس الاستايل style فى اى كود code خاص بك
هكذا
لاحظ الكلاس اسمه zero
رمز Code:
<a class="zero" href="http://www.almsmk.com">
رمز Code:
<img src="Zero.Gif" alt="Zero" /></a>
و بعده كود code الصورة العادى و جرب بنفسك و شوف
شرح طريقة الكود code
Opacity
و هى نسبة الشفايفة يمكنك تغيير الرقم كما تريد و جرب التاثيرات بنفسك
الاكواد الكثيرة هى لكل متصفح واحد لفايرفوكس و اكسبلورر و ما الى ذلك
اى شىء غير واضح اتمنى تقولولى
اذا لم تستطيع كتابة الكود code افتح صفحة ال Html الموجودة فى المثال و اضغط كليك يمين
ثم View Source
وشوف محتوى الاكواد و جربها بنفسك
الموضوع الأصلى
http://www.almsmk.com/threads/110890