ط´ط±ط* ظƒظٹظپظٹط© ط¹ظ…ظ„ طھط£ط«ظٹط± ظˆط¶ظˆط* ط§ظ„طµظˆط± ط¨ظ…ط±ظˆط± ط§ظ„ظ…ط§ظˆط³ ط¹ظ„ظٹظ‡ط§ ط¨ط³ظ‡ظˆظ„ط© طھط§ظ…ط©


شرح طريقة كيفية عمل تأثير وضوح الصور بمرور الماوس عليها بسهولة تامة

هذا الدرس مفصل يتم عمله بالجافا عن طريق وضع صورتين

واحدة مظلمة و اخرى فاتحة و لكن ال 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=&quot;zero&quot; href=&quot;http://www.almsmk.com&quot;>
رمز Code:
<img src=&quot;Zero.Gif&quot; alt=&quot;Zero&quot; /></a>
و بعده كود code الصورة العادى و جرب بنفسك و شوف

شرح طريقة الكود code

Opacity




و هى نسبة الشفايفة يمكنك تغيير الرقم كما تريد و جرب التاثيرات بنفسك

الاكواد الكثيرة هى لكل متصفح واحد لفايرفوكس و اكسبلورر و ما الى ذلك

اى شىء غير واضح اتمنى تقولولى

اذا لم تستطيع كتابة الكود code افتح صفحة ال Html الموجودة فى المثال و اضغط كليك يمين

ثم View Source

وشوف محتوى الاكواد و جربها بنفسك

الموضوع الأصلى

http://www.almsmk.com/threads/110890





الملفات المرفقة [TR]
Code.txt (3.5 كيلوبايت, عدد مرات المشاهدة 38 مرة) [/TR]



©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©