اخبار تقنية دروس وشروحات مهمة، سيو مواقع انترنت وقوالب

17‏/08‏/2017

طريقة لتشغيل واطفاء المصباح الكهربائي باستخدام أكواد جافا سكريبت

الدرس الثاني :طريقة  لتشغيل واطفاء المصباح الكهربائي باستخدام أكواد جافا سكريبت .

طريقة العمل سهلة للغاية وهي ببساطة أننا نقوم باستدعاء صوره من أصل صورتين محفوظتين لدي (صورة اطفاء المصباح + صورة تشغيل المصباح ) وعند الضغط على زر تشغيل نقوم باستدعاء الصورة ذات الخلفية الصفراء في زجاج المصباح وكذلك عند الضغط على زر إطفاء يتم استدعاء صورة بدون خلفية ليتم اخفاء الصورة السابقة وعرض صورة ذات خلفية رمادية .

أقرأ أيضا :
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
طريقة عمل زر لعرض التاريخ والوقت باستخدام جافا سكريبت
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

كود جافا سكريبت لتشغيل واطفاء المصباح

كود جافا سكريبت لتشغيل واطفاء المصباح: 


<center>
<button onclick="document.getElementById('myImage').src='https://3.bp.blogspot.com/-h-tqS0VaLAs/WZWrnl8ayeI/AAAAAAAADQQ/Z6ys_UsiMFYKIxrbx0nG4zDAy6Nc9n2iQCLcBGAs/s1600/pic_bulbon.gif'">تشغيل</button>

<img id="myImage" src="https://2.bp.blogspot.com/-uc7wqEzW3Xk/WZWrlSy3NPI/AAAAAAAADQM/inwhXbVrDVUoUBeFHODk9QQG9zzXG4G5wCLcBGAs/s1600/pic_bulbon.gif" style="width: 100px;" />

<button onclick="document.getElementById('myImage').src='https://2.bp.blogspot.com/-uc7wqEzW3Xk/WZWrlSy3NPI/AAAAAAAADQM/inwhXbVrDVUoUBeFHODk9QQG9zzXG4G5wCLcBGAs/s1600/pic_bulboff.gif'">إطفاء</button>

</center>


* يمكن تغيير الصورة بالصور التي ترغب في اضافتها وتغيير مصدر الصور في src="" واضافة المزيد من المرح الى صفحات موقعك والعابك .

ليست هناك تعليقات:

إرسال تعليق

اكتب تعليقك

المتابعة بالبريد الإلكتروني