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

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

[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

کد:

---

<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>

---