دکمه های روشن و خاموش کردن صفحه وب

ساخت وبلاگ
دکمه های روشن و خاموش کردن صفحه وب

با استفاده از این کد ، دو عدد تصویر لامپ در سمت راست صفحه پدیدار می شوند که میتوان با استفاده از آن ها صفحه را سیاه یا اصطلاحا خاموش کرد و با استفاده از دیگری دوباره صفحه را روشن نمود .

دمــو

كد:

<img src="http://rozup.ir/view/1634779/light.png" style="position:fixed;top:10px;right:10px;cursor:pointer;z-index:99999;" onclick="dayAndNight.day();"/>
<img src="http://rozup.ir/view/1634778/dark.png" style="position:fixed;top:10px;right:50px;cursor:pointer;z-index:99999;" onclick="dayAndNight.night(this);"/>
<script type="text/javascript">
x=0;
var dayAndNight={ night : function(dis){ x++; if(x<2){ goToSleep=document.createElement('div'); goToSleep.style.cssText='width:100%;height:100%;position:fixed;background:#000;opacity:.9;top:0px;left:0px;'; goToSleep.id='webcodesOnAndOff'; (document.body || document.documentElement).appendChild(goToSleep); } }, day : function(){ var b=document.getElementsByClassName('webcodesOnAndOff'); document.body.removeChild(document.getElementById('webcodesOnAndOff')); x=0; }
}
</script>
<a href="http://webcodes.rozblog.com" style="display:none;">Code Bazar</a>

گفتگوی هم میهن...
ما را در سایت گفتگوی هم میهن دنبال می کنید

برچسب : نویسنده : محمد رضا جوادیان fhammihan بازدید : 221 تاريخ : شنبه 29 خرداد 1395 ساعت: 22:55